HTMLタグのまとめ(初心者用)2
最近でこそ私もある程度わかってきましたが、最初は解かりずらかったのでとくに初心者用というコンセプトでまとめてみました。よかったらご活用ください。---------------------------------------B.コンテンツ作成に必要なタグコンテンツ作成に必要なタグは非常に大雑把に言いますと、「文章用」と「テーブル用」に分かれます。無料公開されているものも多いテンプレートも実はこの2つから構成されています。以下に、タグとそれぞれの使い方を紹介していきます。a.文章用タグ 1.見出しを作る <h1> 見出し文 </h1> *この<>内の数字で字の大きさを調整します。 2.段落を作る <p> 段落の文章 </p> 3.段落中のテキストを改行する <p> 1行目の文章 <br> 2行目の文章 </p> *</br>というのは不要です。 4.ページに水平線を引く <hr> *これだけです。 5.太字 <b> 太字にしたい文章 </b>b.テーブル用タグ 1.テーブル全体の構造をまず解説します。 ア.テーブル全体の開始と終了 <table> ~ </table> イ.行の開始と終了 <tr> ~ </tr> ウ.列の開始と終了 <td> ~ </td> 2.実際にテーブルを作るときのタグの並びなどは下記のようになります。 ここでは田んぼの「田」の字型のテーブルを作る場合のものを書いてみます。 <table> <tr> <td>1行目左</td> <td>1行目右</td> </tr> <tr> <td>2行目左</td> <td>2行目右</td> </tr> </table> こんな感じになります。1行目左1行目右2行目左2行目右 3.テーブルの編集に使うタグは下記のものがあります。 *複数のタグを使用するときは<>の中でタグとタグの間に1文字分のスペースを入れる必要があります。 ア.テーブルの横幅を指定する : width=”○○%” *○○のところに数字を入れます。 イ.外枠線の太さを指定する : border=”○” ウ.セルとセルの間隔を指定する : cellspacing=”○” エ.文字とセルの間の余白の幅を指定する : cellpadding=”○” オ.背景色の指定 : bgcolor=”○○○” *ここは○に数字ではなく色コードを入力します。 4.テーブル内のセルの編集に使用するタグ ア.セル内の文字位置を指定する : align=”○○” *「left」「light」「center」「justify」←均等割付などで指定します。-----------------------------------ここのHTMLのタグのまとめのところに全体をまとめたものを掲載しています。現在旅行記作成中の、本館Bon Voyageへもよかったら遊びに行ってみてください。