HTML編

ここではWebサイト作成の「HTML編」に関する手順を解説します。

• HTMLとは（マークアップ言語の構造とタグの要素と属性）

  
  

  • HTMLの意味
  • タグ
  • 開始タグと終了タグ
  • 要素
  • 属性
  • ボディ部
  • 最後に
• HTMLの基本構成（!DOCTYPE、html、head、body）

  
  

  • index.htmlファイル
  • HTMLファイルの基本となる要素
  • !DOCTYPE
  • html要素
  • head要素
  • body要素
  • HTML5ではhtmlやhead、bodyまでもが省略できる
• タイトルと見出し（title、h1～h6）の仕様と使い方

  
  

  • title要素
  • h1～h6要素
• 主なブロックレベル要素（div、p、pre）の仕様と使い方

  
  

  • ブロックレベル要素とインライン要素
  • div要素
  • p要素
  • pre要素
• 主なインライン要素（span、strong、em、b）の仕様と使い方

  
  

  • span要素
  • strong要素
  • em要素
  • b要素
• リスト要素（li、ul、ol、dl、dt、dd）の仕様と使い方

  
  

  • li要素
  • ul要素
  • ol要素
  • dl dt dd要素
• アンカー（ハイパーリンク）要素（a）の仕様と使い方

  
  

  • a要素
• 画像要素（img）の仕様と使い方

  
  

  • img要素
• 改行要素（br）の仕様と使い方

  
  

  • br要素
  • 日本語のbrの使い方は少し違う
• テーブル要素（table、tr、th、td、caption、thead、tbody、tfoot、col、colgroup）の仕様と使い方

  
  

  • table要素
• 引用要素（q、blockquote）の仕様と使い方

  
  

  • q要素
  • blockquote要素
• メタ要素（meta）の仕様と使い方

  
  

  • meta要素
• リンク要素（link）の仕様と使い方

  
  

  • link要素
• 入力要素（form、input、select、textarea、button）の仕様と使い方

  
  

  • form要素
  • input要素
  • select要素
  • textarea要素
  • button要素

トップページに戻る