HTMLの書き方

HTMLリファレンス

１．文字「font～」（大きさの変更、色、背景色、太字）

最も基本的であり、よく活用されるHTMLが「文字」についてではないでしょうか。色をつけたり、大きさを変えたりと「文字」についてのHTMLについて解説しています。

２．みだし「h1、h2～」（デザイン、背景色、背景画像）

「h1」や「h2」などの見出しは、どのページにも出てくる要素になります。そのため、デザインをする際の要素として、重要な要素の１つになっています。

３．リスト「ul、li～」（デザイン、横並び、数字）

見出しと同様にホームぺージで活用頻度が多いのが「ul」「ol」などのリストになります。リストの作り込みは「文字」や「見出し」よりも、複雑なHTMLになっています。

HTML実践編

１．要素に画像を重ねて配置する「background-image」など

「見出しにアイコンを配置したい」「div要素にキャラクターを設置したい」など要素に画像を重ねる方法を覚えると、Webデザインの幅が広がります。画像を重ねる方法にはいくつか方法があります。いくつかの方法について解説しています。

２．「display」を理解する（インライン要素など）

最近ではフレックスタクの登場で、2カラムや3カラムの実装も簡単になってきましたが、「display」の「インライン要素」を理解することで、「要素が横に並ばず下にずれてしまう」といったことを防げます。サイトの全体的デザインを自分でデザインしたい方は「display」を理解しておきましょう。

３．スタイルシートの「反映されない」を防ぐための理解術

ホームページデザインで良く起こりがちなのが、スタイルシートの記述ミスや読み込まなくて困ってしまうということ。そのためにはCSSのセレクターの記述方法をちゃんと把握しておきましょう。