4月の授業日記

リンクのページ

4/16 HTMLとワープロの違い

ワープロ

互換性低い

(開くのに同じワープロ必要)

テキストファイル(形式)

互換性最も高い

表現力低い(文字を保存するだけ)

画像埋め込めない
文字の修飾できない

文字で役割を記述(ト書き部分)

見づらい

表示を専用のソフト(ブラウザ)

ブラウザが役割に応じた表示を行う

という言語の記述方法=html

テキスト形式というファイル形式のなかに
htmlという言語で記述されている

拡張子

ファイルの役割を示す
普通のテキスト形式文章なのかhtmlで書かれている文章かを見分ける

きょうのひとこと

ブラウザとエディタを分けたことで互換性と表現力を両立させることができました

4/23 構造定義

タグ

その部分が文章上でどういう役割を持つのかのしるしをつけたもの(マークアップ)
本文と区別するために<>で囲まれる

範囲指定

範囲の始まり<開始タグ>

範囲の終わり</終了タグ>

その間に挟まれた部分がそのタグの適応範囲

記述のポイント

コピーペーストを活用=効率化とミスを防ぐ

1.<>タグは必ず閉じるのでまず閉じてから中身を記述

2.開始タグをコピーし終了タグを作った後で中身を記述

構造タグ

HTML文章は<html>〜</html>(HTMLタグ)内に記述される
HTML内は<head><body>に分かれる

body

ブラウザの画面内に表示される部分をここに記述

head

タイトルなど画面内に表示されない情報はここに記述 以上の構造は(ほとんど)すべてのHTML文章で共通
いちいち作成せずひな形(kozo.html)を開き別名保存で作成する