10月2日(水)2コマ目
今日、やったこと
- ホームページはなにでできている？
- HTML
- タグ
- 簡単なHTMLファイル作成
- 画像を表示する
今日のホワイトボード
ホームページはなにでできている？
ホームページはWebブラウザ(Google Chrome、Microsoft Edge、Apple Safari等)を使って表示する。このWebブラウザはHTMLファイルの中身をHTMLのルールに従って表示する。
ということで、
ホームページを作る = HTMLファイルを作る
です。
HTML
Hyper Text Markup Languageの略。
HTMLにはデータに意味を持たせるためのタグがある。
データにこのタグを使って意味づけしたファイルがHTMLファイル。
この授業はHTMLのタグを理解し、使いこなすことがゴール。
なお、HTMLファイルを作る際は、
| ファイルの種類 | すべてのファイル |
|---|---|
| ファイル名 | ～.html |
に注意。
 |
| 図 HTMLファイルを作る際は |
WebブラウザとHTMLファイル
WebブラウザとはGoogle ChromeやMicrosoft Edge、Apple Safariなどのホームページを見るためのアプリ。
Webブラウザは
- WebサーバーにHTMLファイルをリクエスト
- レスポンスのHTMLファイルを表示
が仕事。
 |
| 図 HTMLファイルとWebブラウザ |
タグ
HTMLにはいろいろなタグがある。
ほとんどのタグは
- 開始タグ
- 終了タグ
のペアになっている。
開始タグ、終了タグで挟まれた内容がタグのデータになる。
 |
| 図 タグ |
HTMLファイルの構造
HTMLファイルは下図のように構造が決まっている。
- <html>タグで始まり、</html>タグで終わる
- <html></html>内に、<head>タグ、<body>タグがある
- <head></head>内は主に設定を記述
- <body></body>内は表示データを記述
 |
| 図 HTMLファイルの構造 |
画像を表示する(<img>タグ)
画像ファイルの表示には<img>タグを使う。
<img>タグのsrc属性に表示したい画像ファイル名を指定する。
width属性で表示幅を指定することもできる。
 |
| 図 <img>タグ |
タグには属性と呼ばれる、タグの設定ができる項目がある。
次回は
練習問題をやります。
