HTML入門チュートリアル HTMLタグ記号をすぐにマスター

補足<br />HTML について何も知らず、HTML の始め方がまだわからない場合は、この記事を勉強することを強くお勧めします。この記事を読めば、HTML をすぐに習得できます。すでに HTML の専門家である場合は、より良い提案をしていただければ幸いです。

まとめ
HTML は、一般にハイパーテキストマークアップ言語として知られ、Hyper Text Markup Language の略称です。Web ドキュメントを記述するために使用されるマークアップ言語です。ウェブページファイル自体は単なるテキストファイルです。テキストファイルにタグを追加することで、ブラウザにコンテンツの表示方法（テキストの処理方法、画面の配置方法、画像の表示方法など）を伝えることができます。これらのタグがHTMLです。HTMLを学ぶということは、これらのタグを学ぶことです。今日は主に、HTML要素とも呼ばれる一般的なHTMLタグをいくつか学びます。

タグ要素<br />タグの紹介
html 要素は、包含範囲を定義する 1 つのタグまたは 1 組のタグで構成されます。タグは「<」と「>」の2つの文字列で構成されます。タグには開始タグ「<>」と終了タグ「</>」が含まれます。
HTML タグ要素には 4 つの形式があります。
空の要素: <br>
属性を持つ空の要素: <hrfont="red">
コンテンツを含む要素: <title>これはコンテンツです</title>
コンテンツと属性を持つ要素: <fontcolor="red">これはコンテンツです</font>
ここで注意すべき点は、HTML ドキュメントでは、タグと属性の名前はサイズに依存しないということです。

HTMLフレームワークの必須の基本要素
<html></html>は文書の始まりと終わりを示します
<head></head>はドキュメントヘッダーの始まりと終わりを示します。
<title></title> はドキュメントタイトルの始まりと終わりを示します。
<body></body>は文書の本体の始まりと終わりを示します。
HTML コメントの形式は、小なり記号 (<)、小なり記号と感嘆符の間にスペースを入れない感嘆符 (!)、2 つのダッシュ (--)、コメントの内容、最後に 2 つのダッシュ (--) と大なり記号 (>) で構成されます。
例: 

段落制御に関連するタグ
<palign="#">
段落を作成します。属性 align は段落の配置を示します。# は左、中央、右、または両端揃えにすることができます。
<br>
機能はラップすることです
<hrcolor="#">
機能は水平線を挿入することであり、属性 color は色を示すために使用されます。

テキスト表示に関連するタグ
<center>…</center>
テキストを中央揃えにする
<hnalign="#"></hn>
これは、ドキュメントのタイトルを示すために使用されます。n は 1 から 6 までの整数で、1 が最大のタイトル、6 が最小のタイトルです。align は、左、中央、右などのタイトルの配置を設定するために使用されます。
<fontsize=n color="#">...</font>
フォントを設定します。size はフォントサイズで、1 から 7 までの整数です。数字が大きいほど、フォントが大きくなります。
<b>...</b>
テキストを太字にします。
<i>…</i>
テキストを斜体にする

リスト要素によって作成されたラベル
a. 番号付きリストを作成します。
<ol>...</ol>開始シーケンス番号を設定するには、start 属性を使用します。
<li>...</li>リスト内の数字の順序を変更するには、value 属性を使用します。
b. 次の条件に一致する項目のリストを作成します。
<ul> と <li> では、タグの type 属性によってシンボルのスタイルが指定されます。
円盤（実線の円として表示）
square は、塗りつぶされていない四角形を表示します。
円、中空のない円を表示します
b. 署名なしリストを作成する
<dl>タグと<dt>タグは符号なしリストを作成する
<dd>と<dt>はインデントされたリストを作成します

テーブル要素タグ<br />テーブルは Web ページのレイアウトで重要な役割を果たします。テーブルは <table> を使用して定義されます。
具体的な定義は次のとおりです: <tableborder=n aligh="#" bgcolor="rgb">
border 属性は表の境界の幅を定義するために使用され、align 属性は表の配置 (左、右、中央) を設定するために使用されます。 bgcolor は色です。
<caption>…</caption>は表のタイトルを定義するために使用されます
<tr>...</tr>テーブルに新しい行を追加します
<th>…</th>は表のヘッダーを定義するために使用されます
<td>…</td>はセルを定義するために使用されます

HTML インタラクティブフォーム<br />フォームは主に Web ページ上のデータ収集を担当します。たとえば、私たちは通常、フォームを通じて情報を登録したり、情報を入力し、Web ページと対話したりします。
フォームは、<form>...</form> 要素を使用して作成されます。この 2 つの要素の間に他の関連要素またはコントロールを埋め込むことで、HTML ドキュメントの一部としてフォームを作成できます。
フォームを作成するための基本的な構文は次のとおりです。
<formmethod="get または post" action="URL">….</form>
属性 method は、フォームデータをサーバーに送信するときに使用する HTTP メソッドを指定するために使用されます。get または post のいずれかを使用できます。送信されたデータは URL の末尾に追加され、URL の一部としてサーバーに送信されます。
フォームに関する一般的な要素は次のとおりです。
<input>要素は、ユーザー入力を受け取るために使用されます。これは属性を持つ空の要素です。フォームにコントロールを作成するための構文は次のとおりです。
<inputtype="type" name="name" size="size"value="value'>
type 属性は作成するコントロールの種類を指定するために使用され、then 属性はコントロールの名前を指定するために使用され、size 属性はフォーム内のコントロールの初期幅を指定するために使用され、value 属性はコントロールの初期値を指定します。
タイプの種類については、次の図を参照してください。

リストボックス要素<br />ユーザーがドロップダウンメニューから 1 つ以上の項目を選択できるようにします。リストボックスは <select> 要素によって作成され、リストボックス内の個々のオプションは <option> 要素によって提供されます。
複数行テキスト入力コントロール
<textareaname="名前" rows="行数" cols="列数" >…</textarea>
rows 属性は、テキストボックス入力コントロールの表示領域に表示されるテキスト行の数を指定するために使用され、cols はテキスト入力コントロールの表示領域の幅を指定します。

ハイパーリンクタグ
<ahref="URL">…</a>
href 属性はリンクのターゲットを指定するために使用されます。ターゲットアドレスは URL によって特定されます。開始タグ <a></a> の間のテキストは、ブラウザーに表示されるリンクテキストとして使用されます。

画像タグを埋め込む
<img src="URL" width=n height=m>src 属性は画像リソースの場所を指定し、width 属性と height 属性は画像のサイズを指定するために使用されます。ここで注意すべき点は、src では可能な限り絶対パスではなく相対パスを使用する必要があるということです。
特殊文字要素特殊文字には文字参照と実体参照があります。以下によく使われるものをまとめます。