読者です 読者をやめる 読者になる 読者になる

HTML各種タグの意味

HTML … HyperText Markup Language

 

DTD … Document Type Definition 文書型定義
<!DOCTYPE html>

 

meta … metaphor 例えば
charset  … character set characterとは文字のこと。
<meta charset="utf-8"> … HTML文字コードを指定する。

 

div … division 分割・区分 ブロックレベル要素であることを示す。
<div class="box"></div>

 

rel … relation 関係 このHTMLと外部ファイルとの関係を示す。
href … hyper reference referenceは参照。外部ファイルのURLを示す。
<link rel="stylesheet" href="../css/style.css">

 

a … anchor アンカー・錨
<a href="www.yahoo.co.jp>Yahoo Japan</a>

 

img src … image source イメージソース
<img src="../img/01.jpg" alt="">

 

h … heading 表題・見出し
<h1>大見出し</h1>

 

p … paragraph パラグラフ
<p>要約</p>

 

ul … unordered list アンオーダーリスト 番号なしのリスト。
ol … ordered list オーダーリスト 番号付きのリスト。
li … list item リストアイテム
<ul>
<li></li>
<li></li>
</ul>

 

tr … table row テーブルロウ テーブルの横一行を定義する。
th … table header cell テーブルヘッダーセル tableでセルの見出しに使う。
td … table data cell テーブルデータセル tableでセルの内容を書く。
<table>
  <tr><th>月曜日</th><td>50</td></tr>
  <tr><th>火曜日</th><td>20</td></tr>
  <tr><th>水曜日</th><td>100</td></tr>
</table>

 

dl … description list 説明リスト 定義型リストを作成する
dt … description term 説明される言葉 定義型リストの項目
dd … description, definition 説明や定義 リストの内容を記述する

<dl>
<dt></dt><dd></dd>
<dt></dt><dd></dd>
</dl>