img要素の表示方法は3通り １.「max-width:100%」を使ったフルードイメージ設定は一番簡単、幅と同じ比率で高さも低くなる ２.「object-fit」幅も高さも自由に指定、img要素の親要素に表示させたい幅と高さを指定、img要素には「object-fit:cover」と幅と高…

まずは現在のHTMLの仕様について理解する必要があります。今現在、HTML はWHATWGが策定している「HTML Living Standard」という唯一のルールに基づき使われています。以前はW3Cという別の団体が作成していた「HTML4」や「HTML5」が使われていて、一時期「HTM…

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

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

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

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