Lesson4 Study note（HTML編）

授業ノート

HTML

マークアップ(意味づけ)言語。
英語と一緒。単語（タグ）の丸暗記をしてもしゃべれない（意味がない）。
◎文章構造をちゃんと考える。

  1. 結論（テーマ）1〜2行
  2. 説明2〜3行　段落
  3. 検証（説明の）　箇条書き
  4. 必要に応じて
  5. 図・写真・表組み

文字の大きさ

本文の文字の大きさを決める。
見出しは本文より大きい文字。
★<h1>見出し</h1>はフォントのサイズをデカクするためのものじゃない。

テキストエディタ（TeraPad）の使い方

End 行末
Home 行頭
Ctrl+End 文章の一番下
Ctrl+Home 文章の一番はじめ

アドレス

URI(Uniform Resource Identifier)
HPの住所。今まで「URL」って呼んでました・・・。
URLとURN2種類あるみたい。
わけて考えるのがめんどうなので、まとめてURIって呼ぼうよっていう考え？

絶対パスと相対パス

◎絶対パス
URIを書く。
◎相対パス
ファイルの場所を書く。
自己中。自分のお部屋から出る時の暗号「../」

はてなでタグを書く

< ... &lt;
> ... &gt;

面倒なので辞書ツールに「&lt;」を全角「＜」から変換できるように登録すると便利！

本日登場のタグのみなさん

<html> はじめに書く。ページ全体
<head> コンピューター用
<body> 人間用
<title> ページのタイトル
<h1> 見出し1
<h2> 見出し2
<p> 本文
<ol> リスト（番号）文全体
<ul> リスト（番号なし）
<li> リストのにする1行
<address> 著作者・連絡先
<hr> 区切り線
<br> 改行

ページ中リンク

<a name=”〜”></a>
ジャンプ目標地点と名前をつける
<a href=”#〜”>ページのTopへ</a>
「#〜」でジャンプ先の目標名を指定。

メモ

人の記憶は「7」という数字がキー。
ＵＰしないフォルダは日本語の名前にするとわかりやすい。