ゆめの学習記録

★職業訓練校修了後の復習用★

HTML

srcsetを使って画像を切り替える

img要素を画面幅によって切り替えたい場合、以前はJavascript等でwindow幅によって画像のファイル名を変える、などの方法が取られていましたが、html5.1,で策定された「srcset」を使う事で手間のかかるCSSやJavaScriptを必要とせず、htmlのみでデバイスによ…

複数ページの制作

最近ではシングルページのサイトもよく見かけますが、ほとんどのサイトは複数ページをリンクさせていくという形でこちらの方が一般的です。 複数ページでサイトを作る際に気をつけないといけないのがフォルダー構成です。 URLの正規化 例えば、キリンのwebサ…

テーブル

テーブル table要素を使うことで、表を作成することができます。表内の行とセルは、table要素内に配置するtr要素とtd要素(th要素)で示します。caption要素は、表のキャプション(タイトルや説明)を表します。 table要素=表全体を示す要素です。表の大き…

アウトライン構造について

HTMLで1番大事なのは正しい文章構造にマークアップ出来るか、です。まずは文章をしっかりと読み、理解してからマークアップをし始めましょう。 アウトライン構造 アウトラインとは階層構造のことで、HTMLでのマークアップでは、このアウトラインを意識する…

マークアップとは?

マークアップ とは、機械が文書の構造を認識出来るように、文書の各要素に目印を与えて行く事です。 見出しや段落などと言った紙の文書では当り前にある要素だけでなく、ハイパーリンクのアンカーなどのようなハイパーテキスト独自の要素なども、マークアッ…