Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to 第三回ネットワークチーム講座資料
More from densan_teacher
More from densan_teacher (19)
Recently uploaded
Recently uploaded (10)
第三回ネットワークチーム講座資料
- 2. 概要 • タグについて • 要素の種類 • よく使いそうなタグまとめ • CSS適用 • パスについて • JavaScript適用
- 3. HTML （HyperText Markup Language） <!-- と -->で囲まれた部分はコメントであり、文書に影響を与えない <!DOCTYPE html> <!-- HTML5の文書であることを示す --> <html lang=“ja”> <!-- lang属性はその文書で使われている言語を示す --> <head> <!-- 文書に関する情報を指定する --> <meta charset=“utf-8”> <!-- 文字エンコーディングの指定 --> <title>タイトル</title> </head> <body> <!-- 文書の本体部分 --> <h1>見出し</h1> </body> </html>
- 10. よく使いそうなタグ • <h1>~<h6>：見出し 数字の小さい順に使う • <p>：段落（文章を表示する） • <br>：改行 終了タグなし • <a>：他のWebサイトなどへのリンク（ハイパーリンク） • <img>：パスで指定した画像を表示 終了タグなし
- 12. 書いてみよう
- 14. 書いてみよう
- 16. CSS （Cascading Style Sheets） HTML文書の体裁（見た目）を記述・指定するもの こんな感じ→ これを使って見やすくしよう body { background-color: #ffffff; color: #333333; } h2 { color: #a40019; }
- 21. 仕上がり ↓こうなったら成功 CSSでは /* */ で囲んだ部分がコメントになる border-collapseをコメントアウトするとどうなるか見てみよう
- 22. JavaScript オブジェクト指向のスクリプト言語 主にウェブブラウザに実装され、動的なウェブサイト構築が可能 function check(){ var formElem = document.getElementById("form1"); if (formElem.elements[i].value==""){ alert(""); return false; } return true; }