シニアネット仙台 
シニアのための市民ネットワーク仙台
Home

メニューマップ画像

HTMLタグ一覧

基本的なHTMLのタグの一覧表。すべてのタグを網羅しているわけではありません。

タグ 説明 属性
<html> </html> このタグにはさまれた部分がHTMLのコードであることを示します。HTMLファイルは、すべてこのタグの間に書かれている必要があります。  
<head> </head> このタグにはさまれた部分は、そのページのヘッダです。ヘッダとは、そのページに関する情報を記述する部分で、通常、タイトルが含まれます。  
<title> </title> このタグにはさまれた部分は、そのページのタイトルとなります。  
<body> </body> このタグにはさまれた部分は、そのページの本文です。ここに書かれた文字列が、そのままページの中に表示されます。

また、背景を設定します。

bgcolor 背景の色をRGB16進数で指定します。
text ページの標準のテキストの色を指定します。
link リンクの張られたテキストの色を指定します。
vlink すでに行ったことのあるリンクのテキストの色を指定します。
background 背景に並べる画像のファイル名を指定します。
<h1> </h1> 見出し1。最も大きな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<h2> </h2> 見出し2。2番目に大きな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<h3> </h3> 見出し3。3番目に大きな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<h4> </h4> 見出し4。4番目に大きな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<h5> </h5> 見出し5。5番目に大きな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<h6> </h6> 見出し6。最も小さな見出し
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<p> 段落の区切りを示します。この前後で改行し、少しの隙間をあけます。  
<p> </p> 段落を指定します。
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。
<br> 改行だけを行います。行間の隙間はあきません。  
<center> </center> はさまれたテキストを、中央配置にします。  
<blockquote> </blockquote> はさまれたテキストを、少し字下げして表示します。  
<b> </b> 太字にして表示します  
<i> </i> 斜体にして表示します  
<u> </u> 下線を引いて表示します  
<tt> </tt> タイプライタ体で表示します  
<ol> </ol> 番号付きリスト。項目の前に順番に番号がつきます  
<ul> </ul> 番号なしリスト。項目の前に何らかの丸印がつきます  
<dl> </dl> キーワードリスト。タイトルとその説明を書くときに使います  
<li> リストの項目  
<dt> キーワードリストの見出し項目  
<dd> キーワードリストの項目  
<table> </table> 表の開始と終了
border 枠の幅を指定します
<caption> </caption> 見出し文字列の指定
align top か bottom を取り、見出しの位置が上側か下側かを指定します
<tr> </tr> このタグにはさまれた部分が表の1行になります。この中に、<th> タグや <td> タグを指定します。
align left,center,right のいずれかの値をとり、左右方向の位置を指定します。 <tr>タグで指定した場合は、その行全体に有効です。
valign top,middle,bottomのいずれかの値をとり、上下方向の位置を指定します。 <tr>タグで指定した場合は、その行全体に有効です。
rowspan <th>または <td>タグで指定し、このセルが縦方向にどれだけまたがるかを指定します。
colspan <th>または <td>タグで指定し、このセルが縦方向にどれだけまたがるかを指定します。
<th> </th> 表の項目のうち、見出しを指定します。見出しは強調表示され、真ん中に表示されます。
<td> </td> 見出しでない項目を指定します。デフォルトでは、左寄せで表示されます。
<pre> </pre> はさまれたテキストをそのまま表示します。文字はタイプライタ体になって、空白、改行類もそのまま表示されます。  
<hr> 水平線を引きます
size ピクセル単位の太さを指定します。
width 水平方向の幅を指定します。ピクセル単位でも指定できますし、全体の幅に対する割合で、width=50% のようにも指定できます。
align left,center,right で線の位置を指定します。
noshade 3次元的な影がつかない、単純な黒い線を引きます。
<a> </a> ハイパーリンクを張ります。
href リンク先のURLを指定します
name ページ内の特定の場所に名前をつけます。
<img> 画像ファイルを貼り付けます。
src 画像ファイル名を指定。
align left,rightで左右の位置、top,middle,bttomで上下の位置を指定。
vspace 画像の上下に入れる空白の量をピクセルで指定。
hspace 画像の左右に入れる空白の量をピクセルで指定。
height 画像の高さをピクセルで指定。
width 画像の幅をピクセルで指定。
border 画像の外枠の幅をピクセルで指定。
<applet> </applet> アプレットを貼り付けます。
code アプレットのクラスファイルを指定。
height アプレットの高さをピクセルで指定。
width アプレットの幅をピクセルで指定。
align left,rightで左右の位置、top,middle,bttomで上下の位置を指定。
vspace 画像の上下に入れる空白の量をピクセルで指定。
hspace 画像の左右に入れる空白の量をピクセルで指定。
codebase クラスファイルを別のディレクトリに置く場合の、ディレクトリ指定。URLも指定可能。
<font> </font> フォントのサイズや色を設定します。
size サイズを指定します。1から7の整数値で、標準は3です。
color 色を指定します。#xxxxxx の形の16進数で、RGBで指定します。

特殊文字

特殊表記 表示される文字 意味
&lt < より小さい
&gt > より大きい
&amp & アンパーサンド
&quot " 引用符
&nbsp 空白 ノンブレークスペース
http://www.ics.kagoshima-u.ac.jp/~edu/QuickHTML/HtmlTags.html
シニアのための市民ネットワーク仙台
仙台市青葉区一番町2ー5ー12 一番町中央ビル8階
Copyright(C) 1996-2000, Sendai Citizens' Network for Seniors
E-mail:info@sendai-senior.org