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

Time-stamp: "2017-09-28 Thu 07:01 JST hig"

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