HTMLの基礎
タグ
タグはタグ名を<と>で囲んだ形式で表現されます。
HTMLではこのタグによって、文章の構造を定義します。
書式
HTMLではこのタグによって、文章の構造を定義します。
書式
<タグ名 [属性名="属性値"]…>対象</タグ名>
タグから終了タグで囲まれた範囲に作用します。</タグ名>を終了タグといいます。
<タグ名 [属性名="属性値"]…>
単独で作用します。
属性の指定はスペースで区切ることで複数指定できます。
タグから終了タグで囲まれた範囲に作用します。</タグ名>を終了タグといいます。
<タグ名 [属性名="属性値"]…>
単独で作用します。
| 項目 | 説明 |
| 属性名 | 属性の名称です。 |
| 属性値 | 属性の値です。"で囲んで指定します。 |
色
書式
以下のように用意されているカラー名称で指定できます。
カラー名称(抜粋)
16進数指定では以下のように指定します。
color="カラー名称"
色をカラー名称で指定する書式です。
color="#赤16進数緑16進数青16進数"
赤、緑、青をそれぞれ16進数2桁で指定する書式です。
カラーの指定方法にはカラー名称による指定と16進数指定があります。色をカラー名称で指定する書式です。
color="#赤16進数緑16進数青16進数"
赤、緑、青をそれぞれ16進数2桁で指定する書式です。
以下のように用意されているカラー名称で指定できます。
カラー名称(抜粋)
| カラー | カラー名 |
| red | |
| blue | |
| lightblue | |
| green | |
| yellowgreen | |
| black | |
| brown | |
| gray | |
| purple | |
| violet | |
| yellow | |
| orange | |
| white | |
| pink | |
| silver | |
| gold |
| カラー | 16進数指定 |
| #808080 |
特殊文字
| 概要 | 文字 | 記述方法 | 記述方法2 |
| ダブルクォーテーション | " | " | " |
| アンパーサンド | & | & | & |
| 小なり | < | < | < |
| 大なり | > | > | > |
ページの基本構成
書式
解説
<html>
<head>
ヘッダー部
</head>
<body>
ボディ部
</body>
</html>
<head>
ヘッダー部
</head>
<body>
ボディ部
</body>
</html>
解説
htmlタグで全体を囲みます。htmlタグ内にheadタグとbodyタグを1つずつ定義します。
ヘッダー部にはページに関する情報を記述します。
ボディ部にはページの内容を記述します。
ヘッダー部にはページに関する情報を記述します。
ボディ部にはページの内容を記述します。