初心者向けHTML入門の決定版:タグHTML

マークアップ・タグの書き方について

Facebook にシェア
このエントリーをはてなブックマークに追加
Tweet

要素(Elements)

HTML文章を作成するには、構造・振る舞いを表現する「要素(element)」を記述します。HTMLには、段落をしめすp要素、ハイパーリンクを示すa要素、画像を示すimg要素、表を示すtable要素など、様々な要素が定義されています。

開始タグ・内容・終了タグ

基本的にどの要素も、「開始タグ(<要素名>のように書かれる)」「内容」「終了タグ(</要素名>のように書かれる)」の3つから成立します。

tagの基本構成図

Note:

会話の中で「pタグ」「imgタグ」と言った具合に、要素のことをタグという人がいます。混同しがちですが、タグとは「開始タグ(<要素名>)」「終了タグ(</要素名>)」など、<>で囲まれた部分を指します。タグは要素を構成する一部にすぎません。

属性・属性値 (Attributes)

要素は属性を持つことができます。これにより要素に特別な意味を持たせることができます。

開始タグにおいて、開始タグを閉じる>の前に属性名・属性値の組を記述します。属性値は引用符で囲みます。

要素の基本構成図

また、1つの要素の中に、複数の属性名・属性値を持つことも可能です。その場合、空白で各組を区切ります。

a要素の例

上記はa要素の例です。開始タグ、終了タグにより、内容(「ジャンプします」)が囲まれています。また、開始タグ内に属性hrefと属性値http://example.comが記述されています。

空要素 (Empty element)

HTML要素の中には、br要素やhr要素、img要素のように内容を持たない要素があります。このような内容を持たない要素のことを空(から)要素と呼びます。Empty 空っぽ の空です。空要素は終了タグを持ちません。開始タグを閉じる前に空白とスラッシュ(" /")を入れます。

img要素の例

上記は内容を持たない空要素であるimage要素の記述例です。src属性とalt属性の2つの属性が記述されています。

この記事を見た人はこんな記事も見ています
  • title要素・titleタグとは
  • label要素・labalタグとは
  • div要素・divタグとは
  • ins要素・insタグとは
  • dir要素・dirタグとは

HTML要素(タグ)一覧

a  abbr  acronym  address  applet  area  b  base  basefont  bdo  big  blockquote  body  br  button  caption  center  cite  code  col  colgroup  dd  del  dfn  dir  div  dl  dt  em  fieldset  font  form  frame  frameset  h1 - h6  head  hr  html  i  iframe  img  input  ins  isindex  kbd  label  legend  li  link  map  menu  meta  noframes  noscript  object  ol  optgroup  option  p  param  pre  q  s  samp  script  select  small  span  strike  strong  style  sub  sup  table  tbody  td  textarea  tfoot  th  thead  title  tr  tt  u  ul  var  <!-- --> 

ブロックレベル要素一覧

p  h1-h6  ul  ol  dir  menu  pre  dl  div  center  noscript  noframes  blockquote  form  isindex  hr  table  fieldset  address 

インライン(テキストレベル)要素一覧

フォントスタイルに関するもの
tt  i  b  big  small
フレーズ・句に関するもの
em  strong  dfn  code  samp  kbd  var  cite  abbr  acronym
特別なもの
a  img  object  br  script  map  q  sub  sup  span  bdo
フォームに関するもの
input  select  textarea  label  button 

  • sitemap
  • 運営者情報
  • 免責事項
designed by ホームページ制作のササエル
Copyright © tagHTML All Rights Reserved.