「HTML用語解説」ホームページ制作入門

これまでに学んできた内容について詳しく説明していきたいと思います。次のような簡単な例を使って説明します。

基本用語

<>で囲まれている部分をタグ、左側のタグを開始タグ
右側の/が含まれるタグを終了タグ、開始タグと終了タグとその間にある文字を含めて要素と呼びます。

用語 対応箇所
タグ <p class="sample">, </p>
開始タグ <p class="sample">
終了タグ </p>
要素 <p class="sample">テキスト</p>

また、=の左側の文字が属性、右側の"で囲まれている部分が属性値です。属性も属性値も一つの要素に複数並べることができます。

用語 対応箇所
属性 class
属性値 sample

重要なタグ

重要なタグといっても多くはありません。

タグ 説明
html HTMLであることを示す。
head ホームページのタイトル、メタ情報、外部ファイルの読み込みなどを設定する。
title ホームページのタイトルを示す。headの内側に書く。
body ホームページの本文。
hx 見出しを示す。xに入る数字が小さいほど文字が大きくなる。
a 別のページへのハイパーリンクを定義する。
img 画像を表示する。
p 段落を示す。
ol 順序付きの箇条書きを示す。
ul 順序なしの箇条書きを示す。
li 箇条書きの各項目を示す。
table 表を示す。
tr 表の各行を示す。
td 表の各セルを示す。

重要な属性

どの要素にでも適用できる属性の中で重要なものを2つ覚えておきましょう。idclassの2つです。これらは要素を特定するために必要です。

  • id: 要素に個別の名前を設定できる
  • class: 複数の要素に同じ名前を設定できる

idclassは頻繁に使いますので、覚えておきましょう。

最後に

この記事を読んでいただきありがとうございます。

タイヤキです。障害者と健常者の関わりを深める活動を進めて行こうと思っています。筋ジストロフィーという難病で人工呼吸器と電動車椅子を使っています。基本的に自宅で過ごしています。暇です。一日中パソコンの前にいますので、お仕事いただけるとありがたいです。

是非、コメントよろしくお願いします。記事に対する質問にもお答えできる範囲でお答えしようと思っています。

タイヤキ

国公立大学卒のタイヤキです。デュシャンヌ型筋ジストロフィー、人工呼吸器、電動車椅子、ゲーマー、プログラマー。プログラマー歴4カ月 Google Apps Script使えます。ウェブ関係のプログラミングが得意。

ゲームはパズドラ、黒猫のウィズ、ブレイブフロンティア、シャドウバース、モンスト、白猫プロジェクトなど。

コメントを残す