HTMLとは何ですか？

❮ 前次 ❯

HTMLは、H yper T ext M arkup Languageの略です。

HTMLは、Webページの標準のマークアップ言語です。

HTML要素はHTMLページの構成要素です

HTML要素は<>タグで表されます

HTML要素

HTML要素は、開始タグと終了タグであり、その間にコンテンツがあります。

<h1>これは見出しです</ h1>

Start tag	Element content	End tag
<h1>	This is a Heading	</h1>
<p>	This is paragraph.	</p>

HTML属性

HTML要素は属性を持つことができます
属性は、要素に関する追加情報を提供します
属性は、 charset = "utf-8"のような名前と値のペアで提供されます

シンプルなHTMLドキュメント

<!DOCTYPE html>
<html lang="en">

<meta charset="utf-8">
<title>Page Title</title>

<body>
   <h1>This is a Heading</h1>
   <p>This is a paragraph.</p>
   <p>This is another paragraph.</p>
</body>

</html>

例の説明

HTML要素は、HTMLページの構成要素です。

<!DOCTYPE html>宣言は、このドキュメントをHTML5として定義しています
この<html>要素は、HTMLページのルート要素です。
lang属性はドキュメントの言語を定義します
要素には<meta>、ドキュメントに関するメタ情報が含まれています
charset属性は、ドキュメントで使用される文字セットを定義します
<title>要素は、文書のタイトルを指定します
<body>要素には、表示されているページコンテンツが含まれています
<h1>要素は大きな見出しを定義します
<p>要素は段落を定義します

HTMLドキュメント

すべてのHTMLドキュメントは、ドキュメント型宣言で始まる必要があります<!DOCTYPE html>。

HTMLドキュメント自体は、で始まり、<html>で終わり</html>ます。

HTMLドキュメントの表示部分はとの間<body>です</body>。

HTMLドキュメントの構造

以下は、HTMLドキュメント（HTMLページ）の視覚化です。

<html>

<頭>

<title>ページタイトル</ title>

</ head>

<本体>

<h1>これは見出しです</ h1>

<p>これは段落です。</ p>

<p>これは別の段落です。</ p>

</ body>

</ html>

注： <body>セクション（上の白い領域）内のコンテンツのみがブラウザーに表示されます。

HTML見出し

HTMLの見出しは<h1>to<h6>タグで定義されます。

<h1>最も重要な見出しを定義します。<h6>最も重要度の低い見出しを定義します。

例

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML段落

HTML段落は<p>タグで定義されます：

例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTMLリンク

HTMLリンクは<a>タグで定義されます：

例

リンク先がで指定されhrefた属性。

HTML画像

HTML画像は<img>タグで定義されます。

ソースファイル（src）、代替テキスト（alt）、、widthおよびheightは属性として提供されます。

例

<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"

HTMLボタン

HTMLボタンは<button>タグで定義されます：

例

<button>Click me</button>

HTMLリスト

HTMLリストは、<ul>（順序なし/箇条書き）または <ol>（順序付き/番号付きリスト）タグと、それに続く<li> タグ（リスト項目）で定義されます。

例

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

HTMLテーブル

HTMLテーブルは<table>タグで定義されます。

テーブルの行は<tr>タグで定義されます。

テーブルヘッダーは<th>タグで定義されます。（デフォルトでは太字で中央に配置されています）。

テーブルセル（データ）で定義される<td>タグ。

例

<table>
<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
</tr>
<tr>
<td>Jill</td>
    <td>Smith</td>
    <td>50</td>
</tr>
<tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
</tr>
</table>

HTMLのプログラミング

すべてのHTML要素は属性を持つことができます。

Web開発とプログラミングの場合、最も重要な属性はid とclassです。これらの属性は、プログラムベースのWebページ操作に対処するためによく使用されます。

属性	例
id	<table id = "table01"
クラス	<p class = "normal">
スタイル	<p style = "font-size：16px">
データ-	<div data -id = "500">
onclick	<input onclick = "myFunction（）">
オンマウスオーバー	<a onmouseover = "this.setAttribute（'style'、'color：red'）">

完全なHTMLチュートリアル

これはHTMLの簡単な説明です。

完全なHTMLチュートリアルについては、W3SchoolsHTMLチュートリアルにアクセスしてください。

完全なHTMLタグ参照については、W3Schoolsタグ参照にアクセスしてください。