次のおさらいを実施しました

1ページ目：menu.test.html

2ページ目：table_test.html

HYPER LINK

スタイルシート

※余裕がある人はページをもうひとつ作成し、リストのもうひとつの項目からリンクを張ってみよう


表について

表組みのタグは、以下のように使い分ける

tableタグ(表全体)

--- trタグ（セル一行分） ---
thタグ（見出し） thタグ（見出し）
tdタグ（通常） tdタグ（通常）

外部スタイルシートを設定するタグについて

link rel このHTMLファイルに外部スタイルシートをリンクします
type このファイルのMIMEタイプです。
  • text/css スタイルシート
  • text/plain プレーンテキスト
  • text/html HTMLファイル
href ファイルの場所はここです
media スタイルシートが適用される出力形式です

スタイルシートで適用できる主なプロパティについて

background-color 背景色を設定する。
color 文字の色を指定する
display リストの表示方法を変更する
inlineにすると、縦に並べず横一列で表示させる。
font-size 文字サイズを指定する。単位がない場合はpx（ピクセル）
font-weight フォントの太さを設定する。数字で指定することもできる。
  • 細字（lighter）
  • 太字（bold）
  • 通常（normal）
font-style フォントの字体を設定する。
  • 斜体（italic）
list-style-type リストにおいて、見出しの文頭文字を変更する。
  • なし（none）
  • 丸(circle）
  • 四角(square）
text-align 文章の表示位置。
  • 左（left）
  • 真ん中（center）
  • 右（right）
border
border-top
border-right
border-left
border-bottom 		罫線についての外見を設定する。
"border-bottom"等と指定することで、１辺ごとに設定することもできる。
指定方法は「線の太さ（px） 形状 色」と描く。　例）1px solid #000000
  • 点線（dotted）
  • ミシン線（dashed）
  • 二重線（double）
  • 通常（solid）