🏠 トップにもどる / 📘 教材いちらん
第1章:HTMLって なに?
- HTML は Webページ の もと に なる 言語 です。
<!DOCTYPE html> は HTML5 で ある こと を 表します。
<head> は 情報、<body> は 目 に 見える 内容 を 書きます。
第2章:文字 と 見出し
<h1>〜<h6> は 見出し の タグ です(数が 小さいほど 大きい)。
<p> は 段落(ひとまとまり の 文)。
<br> は 改行。
第3章:リンク と ナビゲーション
<a href="URL"> は リンク を はる タグ。
target="_blank" は べつ タブ で 開く。
rel="noopener" は 安全 の ため に つける。
id と href="#id" は 同じ 名前 に する(ページ内リンク が うごく)。
第4章:画像 と キャプション
alt は 画像 が 表示 できない とき の かわり の 文。
<figure> と <figcaption> で 画像 の 説明 を つける。
width は よこの 大きさ。
第5章:リスト と テーブル
<ul> は 「・」つき、<ol> は 番号つき。
<tr> は 1行、<th> は 見出し、<td> は データ。
第6章:フォーム と 入力
<form> は 入力 を まとめて 送る。
type="password" は ● で 表示。
<select> は 選ぶ、<textarea> は 書く。
第7章:CSS の 基本
color は 文字 の 色、background-color は 背景 の 色。
margin は 外 の 隙間、padding は 中 の 隙間。
font-weight: bold; で 文字 を 太く。
第8章:レイアウト と ボックス
display: flex; は ボックス を よこ に 並べる。
display: grid; は たて・よこ に 並べる。
- ブロック要素 は よこいっぱい、インライン要素 は 文 の 中 に ならぶ。
第9章:HTML の まとめ
- HTML:構造 を 作る。
- CSS:見た 目 を 変える。
- ページ の 形 を 作る タグ を 「要素」 と いう。
🏠 トップにもどる / 📘 教材いちらん