HTML共通タグ(整理)
14810 ワード
ハイパーテキストタグ言語、すなわちHTML(Hypertext Markup Language)は、Webドキュメントを記述するためのタグ言語である.現在、アプリケーションの主流はHTML 4.01バージョンで、1999年に発表され、W 3 Cの推奨基準となっている.HTML 5の最初の正式草案は2008年1月22日に発表され、引き続き完備中である.一部のブラウザの新しいバージョンでは、HTML 5のいくつかのテクノロジーがサポートされています.
一、文字
1.タイトルテキスト:-ラベルはタイトルを定義します.最大のタイトルを定義します.最小のタイトルを定義します.2.フォントの変化:テキストのフォント、フォントサイズ、フォント色を規定します.HTML 4.01ではfont要素は使用に賛成されません.の代わりにスタイルを使用して、テキストのフォント、フォント色、フォントサイズを定義します.
3.小さいサイズのフォント:文字を表示し、ネストして文字を連続的に縮小することができます.4.大きなフォントを表示します:文字、ネストできます.各ラベルは、上限7番のテキストまでフォントを1番大きくすることができます.5.太字:文字は、コンテンツベースのスタイルラベルの物理バージョンであるが、後者の拡張的な意味はない.6.斜体字:文字7.タイプライター(等幅)フォント:文字8.下線:文字9.削除線:文字10.下付き文字:文字 11.上付き文字:文字 12.文字の点滅効果:13.改行:
14.段落:
HTML 4.01では、hr要素のすべてのレンダリング属性が使用に賛成されません.
16.水平中央:文字 17.元のスタイルで表示:
HTML 4.01では、すべてのbody要素の「提示属性」は使用に賛成されません.
二、画像
1.挿入画像:
HTML 4.01では、image要素の「align」、「border」、「hspace」および「vspace」属性は推奨されません.2.画像マッピング:画像マッピング(image-map)は、クリック可能な領域を有する画像を指す.
三、表 tableタグに関する簡単なHTMLテーブルは、table要素および1つまたは複数のtr、thまたはtd要素から構成される.より複雑なHTMLテーブルには、caption、col、colgroup、thead、tfoot、およびtbody要素も含まれます.HTML 4.01では、table要素の「align」と「bgcolor」属性は使用に賛成されません. trタグtr要素には、1つまたは複数のthまたはtd要素が含まれる.HTML 4.01ではtr要素の「bgcolor」は使用に賛成されません. thタグth要素の内部に関するテキストは、通常、中央の太字テキストとして表示され、td要素内のテキストは通常、左揃えの一般的なテキストである.HTML 4.01では、th要素の「bgcolor」、「height」、「width」および「nowrap」属性は推奨されません. tdタグtd要素に関するテキストは、一般に通常のフォントとして表示され、左揃えに表示されます.HTML 4.01では、td要素の「bgcolor」、「height」、「width」および「nowrap」は使用に賛成されません.ヒント:colspanプロパティとrowspanプロパティを使用して、複数の行または列にわたってコンテンツを実装します.
四:DIVラベル
一、文字
1.タイトルテキスト:
<font size="[1-7]" color="[rgb(x,x,x)|#xxxxxx|colorname]">This is some text!</font>
<font size="2" face="verdana" color="green">This is some text!</font>
3.小さいサイズのフォント:文字を表示し、ネストして文字を連続的に縮小することができます.4.大きなフォントを表示します:文字、ネストできます.各ラベルは、上限7番のテキストまでフォントを1番大きくすることができます.5.太字:文字は、コンテンツベースのスタイルラベルの物理バージョンであるが、後者の拡張的な意味はない.6.斜体字:文字7.タイプライター(等幅)フォント:文字8.下線:文字9.削除線:
14.段落:
段落テキスト
オプション属性alignは使用に賛成せず、スタイルで代用することを推奨します.15.区切り線:HTML 4.01では、hr要素のすべてのレンダリング属性が使用に賛成されません.
16.水平中央:
文字18.ドキュメント本体:
HTML 4.01では、すべてのbody要素の「提示属性」は使用に賛成されません.
二、画像
1.挿入画像:
HTML 4.01では、image要素の「align」、「border」、「hspace」および「vspace」属性は推奨されません.2.画像マッピング:画像マッピング(image-map)は、クリック可能な領域を有する画像を指す.
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
三、表
<table border=pixels bgcolor=rgb(x,x,x) align=[left|right|center]
cellpadding=pixels cellspacing=pixels width=[pixels|%]>
<tr bgcolor=rgb(x,x,x) align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline]>
<th width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x)
align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>Month</th>
<th>Savings</th>
</tr>
<tr>
<td width=[pixels|%] height=[pixels|%] rowspan=number colspan=number bgcolor=rgb(x,x,x)
align=[right|left|center|justify|char] valign=[top|middle|bottom|baseline] nowrap>January</td>
<td>$100</td>
</tr>
</table>
四:DIVラベル
ドキュメント内のパーティションまたはセクションを定義できます.
ラベルは、ドキュメントを独立した異なる部分に分割することができます.厳格な組織ツールとして使用でき、フォーマットは関連付けられません.
はブロックレベルの要素です.これは、コンテンツが自動的に新しいローを開始することを意味します.実際,改行は
固有の一意のフォーマット表現である.追加のスタイルは、
のclassまたはidで適用できます.
各divは、各ニュースのタイトルと要約を組み合わせています.すなわち、divはドキュメントに追加の構造を追加します.また、これらのdivは同じクラスの要素に属するため、class=「news」を使用してこれらのdivを識別することができ、divに適切な意味を追加するだけでなく、スタイルをさらに使用してdivをフォーマットするのに便利です.
五、FRAMEフレームワーク
frameset要素は、フレームセットを定義します.複数のウィンドウ(フレーム)を整理するために使用されます.各フレームワークには独立したドキュメントが保存されています.最も簡単なアプリケーションでは、frameset要素は、フレームセットに何列または何行が存在するかを規定するだけです.colsまたはrowsプロパティを使用する必要があります.
<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
各divは、各ニュースのタイトルと要約を組み合わせています.すなわち、divはドキュメントに追加の構造を追加します.また、これらのdivは同じクラスの要素に属するため、class=「news」を使用してこれらのdivを識別することができ、divに適切な意味を追加するだけでなく、スタイルをさらに使用してdivをフォーマットするのに便利です.
五、FRAMEフレームワーク
frameset要素は、フレームセットを定義します.複数のウィンドウ(フレーム)を整理するために使用されます.各フレームワークには独立したドキュメントが保存されています.最も簡単なアプリケーションでは、frameset要素は、フレームセットに何列または何行が存在するかを規定するだけです.colsまたはrowsプロパティを使用する必要があります.
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>