HTMLとCSS | Webプログラミング!(2021年度)

HTML

• Hypertext Markup Language
• 要素, タグ, 属性, 値
• URI,絶対URL,相対URLによるリンク
• ハイパーリンク
• html,head,title,body,h1,ul,ol,li,a,img
• table, tr, th, td
• index.html (index.html.txtではない) と Directory Index
• ブラウザのソースを見るなどで世の中のWebページのソースを観察できる. また, HTMLの誤りを発見するのにも使える.
  • Google Chrome のときその他のツール>デベロッパーツール
  • Firefoxのとき Firebug, Validator Firebug add-on.ツール>Web開発>Firebug
  • W3C Markup Validation Service
  • "HTML Validator"

やってみよう

• ol, ul, img, a (絶対および相対指定)を含む index.html を TeraPadで作り, ブラウザで開いてみよう
• tableで表を着くってみよう.
• 下の例のように, headでUTF-8を指定する場合は, TeraPad でファイル>文字コード改行コードを指定して保存, でUTF-8を選びます.
• そのhtml文書と画像を WinSCP で swallow:~/public_html/local/に置いてみよう. 方法
• 参加者のページからWeb ブラウザで見てみよう. 他の人にブラウザで見てもらおう. スマートフォンや携帯で見てみよう.

• swallow上の絶対path /home/t012345/public_html/local/A.html
• URL http://swallow.math.ryukoku.ac.jp/~t012345/local/A.html

サンプル

index.html