1日目(HTML)

とても充実した1日でした。
忘れないうちに今日勉強した事を。

HTMLについて

HTML(Hyper Text Markup Language)
マークアップ言語。
タグの意味を理解する。

文章構造

1.文章の中で重要な言葉を抜き出す
2.文章の説明
3.文章の中のテーマを箇条書き
4.図、写真、表

テキストエディタTeraPad)使い方

自動改行

表示→オプション→「折り返し桁指定」

ショートカット

Home 行頭へ
End  行末へ
Ctrl+Home 文章の始まりへ
Ctrl+End 文章の最後へ

HTMLコーディング

html ページ全体
head ブラウザに対しての情報(不可視範囲)
title(ページタイトル)
body 見ている人への情報(可視範囲)
h1 一番重要な情報、キーワード
h2 次に重要な情報
p まとまった段落、2行以上の文章(paragrap)
ol 番号リスト(order list )
ul 黒丸リスト(unordered list)
li 箇条書き部分(リスト)
hr 区切り線(horizontal rule)
br 段落内改行(forced line break)
address 著作者名

画像の挿入

img src イメージソース(image source)
HTMLに画像を埋め込めないので、サーバーに画像の置いてある住所をもとにもう1度画像を取りに行く。

imgはインライン要素なのでブロック要素の中に入れる。

alt オルト(alternate)リンクが切れてる時の文字が見えるだけ

a(anchor)アンカー 錨 

href(hyperlink reference)ハイパーリンクの参照先

外部CSSファイルのリンクの設定

内に記述する。

rel この文書からみた別の文書との関係

相対パス絶対パス

相対パス

一つ上の階層へのリンク
フォルダーの内部から外にリンクするときには、「../」と記述する。

絶対パス

別サーバーにあるページにリンクを貼るときに使われる。

テーブルについて

tr table row 行

td table description セル

th table head セル内の見出し

summary その表の簡単な説明を記述します。
※非視覚系のブラウザ(音声ブラウザ等)に概要を伝えることができます。