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要素は使用に賛成されません.の代わりにスタイルを使用して、テキストのフォント、フォント色、フォントサイズを定義します.
<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.削除線:文字10.下付き文字:文字11.上付き文字:文字12.文字の点滅効果:文字13.改行:
14.段落:

段落テキスト

オプション属性alignは使用に賛成せず、スタイルで代用することを推奨します.15.区切り線:
HTML 4.01では、hr要素のすべてのレンダリング属性が使用に賛成されません.
16.水平中央:
文字
17.元のスタイルで表示:
文字
18.ドキュメント本体:
HTML 4.01では、すべてのbody要素の「提示属性」は使用に賛成されません.
二、画像
1.挿入画像:text/
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>
  • 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ラベル
    ドキュメント内のパーティションまたはセクションを定義できます.
    ラベルは、ドキュメントを独立した異なる部分に分割することができます.厳格な組織ツールとして使用でき、フォーマットは関連付けられません.
    はブロックレベルの要素です.これは、コンテンツが自動的に新しいローを開始することを意味します.実際,改行は
    固有の一意のフォーマット表現である.追加のスタイルは、
    のclassまたはidで適用できます.
    <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>