htmlタグの一覧

改行と段落分け <br>と<p>

改行をするときは<br>タグを、段落分けをする際には<p>タグを使用します。<br>タグは改行したい箇所で単体で使用し、<p>タグは開始タグと終了タグの両方<p></p>をセットで囲います。
段落分け<p>タグと改行<br>の違い

リンクのhtmlタグ <a href=""></a>

リンクする際には a href のタグを使います。外窓で開く場合は target="_blank" を、アンカーテキストの転送を無効にする場合は rel="nofollow" を挿入しますが、通常はどちらも必要ありません。
リンクのhtmlタグ <a href=""></a>

ブロック分けのhtmlタグ <div></div>

ホームページをブロック分けして、その範囲での文字よせや大きさ、背景の色彩などを指定します。div で直接指定するか、div に個別のidをふってスタイルシートの方で対応させます。
<div>タグはブロック分けのhtml

背景色の指定 <div style="background-color:#ffffff;"></div>

ホームページの背景色は、background-color を使って指定しましょう。明るいパステルカラーを指定すると目が疲れてサイトが見にくくなるので、淡い色彩の背景色にしておくのがぶなんです。
background-colorで背景色の指定方法

文字色の指定 <span style="color:#ff0000;"></span>

文字の色彩やその背景色を指定する際には、span style を指定しましょう。div style の場合はその前後で改行されますので、文中の文字単位では指定できませんが、span の場合はその前後で改行されません。
span styleで文字色と背景色の指定方法

文字の太さと強調 <b>と<strong>

単純に文字を太くするには<b></b>タグで囲い、論理的にも意味を強調する場合には<strong></strong>タグを使いましょう。strong は意味を強調するタグですので、SEO対策上、多用するのは避けましょう。
<b>と<strong>タグの違い

横線を引く <hr>タグ

文中などでワンポイント的に横線を引くには<hr>タグを使います。xhtml で記入する場合は、<hr />タグと書きます。レイアウトとして、要素の区切りに線を引く場合は、スタイルシートの border を使用しましょう。
<hr>タグのhtmlとCSS

画像を表示する <img src=

ホームページに画像を表示するには、img src=のhtmlタグを使用します。altには画像の説明文を、borderで枠線などを指定することができます。
<img src=は画像を表示するhtmlタグ

表を作成する <table>タグ

表を作成するにはtableタグを使用します。tableタグは、trとtdとを組み合わせて行と列を指定し、表を作成することになります。
<table>は表作成のhtmlタグ

箇条書きでリスト化する <ul><li>

箇条書きにしてリスト化するにはul、liのhtmlタグを使います。また、番号付きでリスト化するには、ul、liではなく、ol、liを使うようにしましょう。
箇条書きリストのhtmlタグ <ul><li>