Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ネットワークチーム講座第2回

 ネットワークチーム講座第2回

@charset "utf-8";
body {
margin: 0 ;
padding: 0;
font-family: "メイリオ", Meiryo, "MS Pゴシック", Osaka,
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
body {
background-color: #f0eaea;
width: 600px;
margin: 30px auto;
padding: 0;
}
body h2{
color: #259959;
font-size: 18px;
line-height: 1.333;
border-left: 10px solid #259959;
border-bottom: 1px solid #259959;
padding-left: 5px;
}
body p {
padding: 0 10px;
font-size: 14px;
line-height: 1.429;
}
table{
width: 500px;
margin: 50px;
}
table, td, th{
border: 1px #000000 solid;
border-collapse: collapse;
table-layout: auto;
}

More Decks by 北海道科学大学 電子計算機研究部

Other Decks in Education

Transcript

  1. HTML (HyperText Markup Language) <!-- と -->で囲まれた部分はコメントであり、ブラウザ上では表示されない <!DOCTYPE html> <!--

    HTML5の文書であることを示す --> <html lang=“ja”> <!-- 使われている言語を示す --> <head> <!--文書に関する情報を指定する --> <meta charset=“utf-8”> <!-- 文字エンコーディングの指定 --> <title>タイトル</title> </head> <body> <!-- 文書の本体部分 --> <h2>電算ネットワークチーム</h2> <p>電子計算機研究部へようこそ</p> </body> </html>
  2. タグ • <h1>~<h6>:見出し 数字の小さい順に使う • <p> :段落(文章を表示する) • <br> :改行

    終了タグなし • <a> :他のWebサイトなどへのリンク(ハイパーリンク) • <img> :パスで指定した画像を表示 終了タグなし