memo

WEBデザイン勉強中。勉強したことを忘れない様、メモ書きしてます。

よくつかうHTMLタグ1

【見出しタグ】h1〜h6(ブッロクレベル)

文章の大見出し、中見出し、小見出し

h1が一番大きな見出し、通常1ページに1回使用します。

※このタグは検索エンジン対策に有効なタグ。

例)

<h1>HTMLよく使う基本タグ編</h1>

<h2>見出しタグ:h1〜h6</h2>

 

【段落タグ】p(ブロックレベル)

通常の文章は段落のタグを使用する。

例)

<h1>HTMLよく使う基本タグ編</h1>

<h2>見出しタグ:h1〜h6</h2>

<p>見出しタグはh1が大見出しで1Pに1回使用する。このタグは検索エンジン対策に有効なタグ。</p>

<p>段落タグは文章の段落として使う。</p>

 

【改行タグ】br(インライン要素)

文章の改行に使用。しかしWebサイトではユーザーが文字サイズを自由に変更できるため、自動改行に任せてむやみに改行しない方が読みやすくなる。

例)

<h1>HTMLよく使う基本タグ編</h1>

<h2>見出しタグ:h1〜h6</h2>

<p>見出しタグはh1が大見出しで1Pに1回使用する。<br/>このタグは検索エンジン対策に有効なタグ。</p>

<p>段落タグは文章の段落として使う。</p>

<p>改行タグは文章の改行に一度に1回使う。</br>2段あけたいからと言って連続して使用したり画像を縦になレベルなどしてはいけない。<p>

 

【箇条書きリストタグ】ul、li(ulがブロックレベル)

項目タグ。

ナビゲーションや更新情報やバナーリストなど要素をグループ化する際に使う。

例)

<ul>

 <li>ホーム</li>

 <li>更新情報</li>

 <li>会社概要</li>

</ul> 

 

【番号付きリストタグ】ol、li(ulがブロックレベル)

リストに番号をつける際に使うタグ。

 

例)

<ol>

 <li>リスト</li>

 <li>リスト</li>

 <li>リスト</li>

</ol> 

 

 

【定義リストタグ】dl、dt、dd(dlがブロックレベル)

定義リストのタグ。

リストと同じ役割だが、見出しと説明の2つに分けることができる。

用語集や更新情報などでよく使用する。

例)

<dl>

 <dt>リストタグ</dt>

 <dd>ナビゲーションや更新情報やバナーリストなどで使用</dd>

 <dt>定義リストタグ</dt>

 <dd>用語集や更新情報などで使用</dd>

</dl>