HTMLの書き方

ドメイン取得への道

HTMLリファレンス

1.文字「font~」(大きさの変更、色、背景色、太字)

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

2.みだし「h1、h2~」(デザイン、背景色、背景画像)

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

3.リスト「ul、li~」(デザイン、横並び、数字)

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

HTML実践編

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

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

2.「display」を理解する(インライン要素など)

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

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

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