マガジンのカバー画像

HTML

17
運営しているクリエイター

2019年7月の記事一覧

「canvas」タグについて(HTML)

「canvas」タグについて(HTML)

久しぶりにWebまわりを実装してみたら
HTML5から利用できるようになったという「canvas」タグに
大苦戦。(解決まで3日かかった…)

<やりたかったこと>
ウィンドウサイズに合わせて、画像の縮小・拡大を
縦横比率を保ったままページに表示したい。

<実装方針>
①HTMLに「canvas」タグを埋込む。
②onLoad( )処理で、ウィンドウサイズに合わせて「canvas」の
 heig

もっとみる
TABLEタグに関するメモ(HTML)

TABLEタグに関するメモ(HTML)

(1)文字数に関係なくセル幅を固定する

 「table-layout」プロパティに「fixed」を指定 +
 配下の要素の幅を指定する。
 (tableの列幅を固定レイアウト化して、幅を設定可能。
  fixedを指定してセルごとの幅を指定しない場合、
  全体の横幅からそれぞれ均等にセルへと幅が振り分けられる。)

 tableタグへのこの設定+tdタグへの「width」設定が必要。

【例(

もっとみる
Aタグに関するメモ(HTML/CSS)

Aタグに関するメモ(HTML/CSS)

(1)リンク先ページはないが、マウスオーバー時のアイコンをリンクっぽくする

 Aタグのhref属性に「href = ”#!”」を設定する。
 (どこにも遷移させない場合に指定)

idとして「!」を指定しない、という前提ので
「#!」と設定するのが慣例。
「!」のid部分は、ページ内に存在しないidであれば、OK。

(2)ページのリロード

 Aタグのhref属性に「href = ””」を設

もっとみる
画像の横並び指定(HTML)

画像の横並び指定(HTML)

(1)表示したい画像をdivタグで括る。

(2)クラスセレクタを設定する。