k4h4shi
9/3/2017 - 10:46 AM
index.html
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<ul>
<li><a href="element.html">htmlの要素</a></li>
<li><a href="attribute.html">htmlの属性</a></li>
</ul>
<h1>htmlとは?</h1>
<p>
HTMLはWebページを記述するためのマークアップ言語。<br>
W3Cによって仕様が策定され、各種ブラウザベンダーによって実装が行われる。
基本的には、標準化された仕様に則って記述することが望ましい。
</p>
<ul>
<li>HTMLはHyper Text Markup Langageの略</li>
<li>HTMLはWebページの構造をマークアップによって記述する</li>
<li>HTMLページはHTML要素で構成される</li>
<li>HTMLの要素はタグで記述される</li>
<li>HTMLのタグは'見出し'や'表'といったページの内容を表す</li>
<li>ブラウザはHTMLのタグを解析して、Webページとしてレンダリングする</li>
</ul>
<h2>HTMLの基本的な要素</h2>
<table>
<thead>
<tr>
<th>記述</th>
<th>タグ名</th>
<th>説明</th>
</tr>
</thead>
<tbody>
<tr>
<td><xmp><!DOCTYPE html></xmp></td>
<td>文書宣言</td>
<td>文書がhtml5で記述されていることを表す。</td>
</tr>
<tr>
<td><xmp><html></html></xmp></td>
<td>htmlタグ</td>
<td>全てのhtml要素はこのタグの中に記述される</td>
</tr>
<tr>
<td><xmp><head></head></xmp></td>
<td>headタグ</td>
<td>html文書のメタ情報はこのタグの中に記述される</td>
</tr>
<tr>
<td><xmp><meta></meta></xmp></td>
<td>metaタグ</td>
<td>html文書の付加情報を記述するためのタグ。付加情報には文字コードなどがある。</td>
</tr>
<tr>
<td><xmp><title></title></xmp></td>
<td>titleタグ</td>
<td>html文書の題名が記述され、検索時のリンク及びブラウザのタブバーに表示される。</td>
</tr>
<tr>
<td><xmp><head></head></xmp></td>
<td>bodyタグ</td>
<td>html文書の内容はこのタグの中に記述され、ページに表示される。</td>
</tr>
</tbody>
</table>
<h2>シンプルなHTMLの例</h2>
<xmp>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
...
</body>
</html>
</xmp>
<h2>参考リンク</h2>
<ul>
<li>
<a href="https://www.w3schools.com/html/default.asp">w3schools.com</a>
</li>
<li>
<a href="https://www.w3.org/TR/html5/">w3.org</a>
</li>
</ul>
</body>
</html>