HTMLは、異なるサイズのフォントのタイトル(見出し)にそれぞれ使用される<h1> </h1>から<h6> </h6> 6 <h>タグを定義します。フォントは大きいものから小さく、<h1>が最大、<h6>が最小です。
見出しラベルは注意する必要があります。見出しラベルはブロックレベルの要素であるため、デフォルトでは、HTMLはブロックレベルの要素の前後に追加の空の行(<br//>)を自動的に追加します。 bページ全体で非常に重要です。見出しタグはSEOに非常に優しいため、検索エンジンはあなたのウェブサイトのタイトルを使用してタイトルとコンテンツのコンピレーションインデックスを使用し、ユーザーはタイトルを介してWebページをすばやく閲覧できます。 。 <H1>は、メインタイトル(最も重要)として使用し、その後<H2>(セカンダリ)、次に<H3>などを使用する必要があります。
<! - <h>タグは<h1>に重要な情報を入力します。 </h3> <h4>中国Four </h4> <h5>中国5 </h5> <h6>中国6 </h6>
効果は以下に示すように、フォントサイズは大きいものから小さくなります。
2。<br/>を変更し、<nobr> </nobr>およびセグメント<p> </p>を変更しないでくださいHTML <br/>の変更ラベルとセグメント化されたラベル<p> </p>の変更の違いは、取引ラベル<br/>が入力するだけで、<p> </p>はセグメントです。 <p>ラベルはブロックレベルの要素であるため、前後に比較的大きな空白があり(<br/>)、ラベルは単純な変化であり、ギャップがありませんそしてその後。ラベル<br/>ラベル<nobr> </nobr>があります。つまり、変更されず、通常、プログラムコードを変更する必要のないラインが自動的に変更されないようにブラウザが自動的に変更されるのを防ぐために使用されます。
<! - 変更とセグメント: - > <p>これは最初の<br /> <! /p> <p>これは、2番目の段落</p> <! - divite-stidal change-> int i = 0、j = 10;3。水平タグ<hr/>
<hr /> HTMLページに水平線を作成します。これは、水平線(<hr>タグ)を使用して、記事のセクションを分離する方法です。 <hr/>タグは幅の幅と高さを設定でき、これらの2つの属性にはそれぞれピクセルとパーセンテージの指数があります。さらに、<hr/>タグには、サイズ(厚さ)、色(色)、およびNoshade(影のない)の属性が含まれます。
<! /1999/xhtml> <head> <title> </head> <body> <hr size =#ff0000/> <! -width属性は60px-> <hr幅= 60% /> <! - 幅は60% - > <hrサイズ= 10 /<! - サイズは10px-> <hrサイズ= 10% /> <! - サイズIS 10% - > <! - 左、右、および中心の値を備えた属性--- ---、それぞれ> <hr幅= 20%align =左 /> <hr width = 20%align = right / > <hr width = 20%align = center/> <hr color =#ff0000/> <! - noshade属性、SETTINGS NO SHADOW EFFECT-> <HR noshade = noshade/> </body> </html> </html>4。テキストフォーマットタグ
<! - 一般的なテキスト形式のラベル - > <center>ブログパーク</center>ディスプレイ<b>こんにちは、世界! </b>厚さのボディ、推奨<strong>タグ。 <i>クランプ</i>率直な体。 <u>私はラインの下向きのラインラベル</u>です。 <em>斜量体</em> <sub> 2 </sub>は、h <sub> 2 </sub> o <sp> 2 </sub> 2 </sub> < ! - フォントのサイズは、絶対フォントサイズと相対的なフォントサイズに分割できます。 <! - 絶対フォントの値は、1-7-> <! - 色(色の設定)サイズ(1-7)のサイズの値です。 - > <! - FACE属性を使用してフォントを設定します - > <font> </font>フォントラベル、<font color = red size = 7 face = lishu> red </font>5。PRE -FORMATラベル<PRE>
<pre>事前にフォーマットされたラベル、Webページディスプレイのコンテンツを保持します。特別なコンテンツディスプレイに使用することも、コンピュータープログラミングのソースコードを表示するためにも使用できます(ブログガーデンのソースコードは<pre>タグで表示されます)。
<p>プレラベルディスプレイオリジナルディスプレイの特別な希望:< / p> <pre>私は良い男の子です、私はそれが好きですああああ、これはpre -formatタグ____(。 / / | / / / / / / / / / | ___(/ - )。6。<Marquee> </marquee>ラベル
<Marquee> </marquee>タグは、ブラウザにそれらのテキストと画像を表示するように指示します。
<div> <! - Marqueeラベルいくつかのブラウザのサポート:IE、ff-> <! - 方向属性:指定されたコンテンツの動きの方向、値の値は左、右、アップ、およびダウン - > <! - -behavior属性:ラベルの動作を指定します。値の値はスクロール、代替、スライド - > <marquee方向=左スクロレイ=行動=代替>みんな、私のホームページに来てください! ...... </marquee> </div>7。その他のフォーマットラベル。
<! /1999/xhtml> <head> <title> </title> </head> <body> <! - <abbr>ディスプレイの略語! - <cronym>フレーズの略語を表示: - > <ceronym <! - <<<< BlockQuote>長いテキストの参照を定義します! - <アドレス>アドレス、署名、ドキュメント著者情報など右に、左から右へ - > <bdo dirr = rtl>電源ノード</bdo> <br/> <2。HTMLリスト
<! /xhtml> <head> <title> </title> </head> <body> <b> htmlリスト:</b> <br/> <hr size = 5 color =#ff0000;/> <br/> <! - シーケンスリスト(UL:順序リスト) - > <font size =#ff face = <br/>バナナ</li> <li> Apple </li> <li>オレンジ</li> </ul> > - > <ul Type = Circle> <li> Banana </li> <li> Apple </li> <li>オレンジ</li> </ul> <ulタイプ=スクエア> <li>バナナ</li > <li> Apple </li> <li> Orange </li> </ul>3。属性値の混合使用、役割の強調:<br/<ulタイプ= Circle> <li> Banana </li > <li type = disc> apple </li> <li> orange </li> </ul> <! - 2番目、秩序あるリスト(ol、順序リスト) - > <font size = +1 color =#00ff00 face =中国語kaita> ii:< /font> <br /> </ol> 2。タイプ属性の使用:<la/> <olタイプ= i> <li>バスケットボール</li> <li>バレーボール</li> <li>フットボール</li> </ol> <olタイプ= A> <li>バスケットボール</li> <li>バレーボール</li> <li>サッカー</li> </ol>3。 。フットボール</li> </ol> B. <font color =#ffff> vlaue </font>練習:<br/> <om> <li>バスケットボール</</li> <li値= 5>バレーボール</li> <li>フットボール</li> </ol> C. <font color =#ffff> start、value </font>共同使用:<br/> <ol start = 8> <li>バスケットボール< /li> <li値= 15>バレーボール</li> <li>フットボール</li> </ol> </blockquote> <font size =+1 color =#00ff00 face = patterns '> iii。 < /font> <br /> 1。シーケンスリストでは、Nationlessリスト:<br /> <ul> <li>飲み物< /li < /li < /li < /li> <li> furt <ul> < li>バナナ</li> <li> Apple </li> <li>オレンジ</li> </li> <li>野菜</li> <li>お茶</li> </ul>2。埋め込み非シリアルリストのシリアルリスト:<br/> <ul> <li>飲み物</li> <li>フルーツ<ol> <li>バナナ</li> <li> Apple </li> <li>オレンジ</li> </ol> </li> <li>野菜</li> <li>お茶</li> </ul> 3。リストで注文すると、シーケンスリストが設定されています:<br/> <ol> <li>飲料</li> <li>フルーツ<ol> <li>バナナ</li> <li> Apple </li> <li>オレンジ</li> </ol> </li> <li>野菜</li> <li>お茶</li> </ol> 4 .. ol> <li>飲み物</li> <li>フルーツ<ul> <li>バナナ</li> <li > Apple </li> <li> orange </li> </ul> </li> <li>野菜</li> <li>お茶</li> </ol>5。マルチレベルの巣リスト:<la/> <li>飲料</li> <li>フルーツ<ul> <li>バナナ</li> <li> Apple <ul> <li>ブラジルで生産されています</li> <li >それは中国で生産されています</li> </ul> </li> <li>オレンジ</li </li> </ul> </li> <li>野菜</li> <li>お茶< /li> < /ol> <! - 3番目、define list(dl、definitin list) - > <font size =+1 color =#00ff00> iv:< /font> <br /> 1。定義リスト:<br /> <! - <dl> <d>最初のタイトル項目< /dt> < /dt> < /dt> < /dt> < /dt> dd>最初のタイトル項目の解釈< /dd>> <dt> 2番目のタイトル項目</dt> <dd> 2番目のタイトル項目</dd> </dl>:<dl>リストの開始を識別しますリスト項目のテーブル項目の解釈テキストを識別するための定義リストの。 - > <dl> <! - dt:定義用語(定義用語)北京のタイトルを定義 - > <dt>北京</dt> <! - dd:中国の北京のタイトルの定義説明 - > <dd>政治センター</dd> <dt>上海</dt> <d>中国経済センター</dd> <dt> shenzhen </dt> <dd>中国の改革と開放の最前線</dd> </dl> < /body> </html>
多くのラベルを使用して、テキストの外観を変更し、テキストに隠された意味を関連付けることができます。一般に、これらのタグは、コンテンツベースのスタイルと物理スタイルの2つのカテゴリに分類できます。
1。コンテンツベースのスタイル
コンテンツベースのスタイルタグには、それに含まれるテキストには特定の意味、コンテキスト、または使用があることをブラウザに伝えます。次に、ブラウザは意味、コンテキスト、または使用法の形式をテキストに適用します。コンテンツベースのラベルのコンテンツは、フォーマットではなく意味を与えていることに注意してください。したがって、それらは自動処理にとって非常に重要です。
フォントスタイルはセマンティックの手がかりによって指定されているため、ブラウザはユーザーに適したディスプレイスタイルを選択できます。さまざまな場所のさまざまなスタイルのため、コンテンツベースのスタイルを使用すると、ドキュメントが幅広い範囲の読者にとって意味のあることを保証することができます。これは、視覚障害者や障害者が使用するブラウザでは特に重要です。これは、ディスプレイオプションが従来のテキストと根本的に異なる場合や、いくつかの面で非常に大きな制限があるためです。
現在のHTMLおよびXHTML標準は、各コンテンツベースのラベルの形式を定義していません。標準では、これらのコンテンツベースのスタイルをさまざまな方法で表示する必要さえありません。実際のアプリケーションでは、そのようなラベルの多くは、従来の印刷と非常に明白な関係を持っていることがわかります。
HTML/XHTMLベースのスタイルタグを使用する場合、テキストを表示する方法について単に考えるだけで、これらのテキストの意味が何であるかを知るのは非常に簡単であるため、いくつかのルールに従う必要があります。コンテンツベースのスタイルの使用を開始すると、ドキュメントはより一貫性があり、自動検索とコンテンツの編集を実行するのに役立ちます。これらのタグは次のとおりです。
<Abbr> <Cronym> <Cite> <Code> <Dfn> <em> <kbd> <Samp> <strong> <var>
2。物理的なスタイル
コンテンツベースのスタイルラベルについて議論するとき、私たちはしばしば単語の意図を使用します。これは、ラベルによって伝えられる意味が、テキストを表示するブラウザよりも重要であるためです。ただし、場合によっては、正当性や著作権の理由で検討される場合があります。この場合、テキストに物理スタイルを使用できます。
他のテキスト処理システムの傾向はスタイルと外観を正確に制御することですが、HTMLまたはXHTMLを使用する場合は、非常に少ないケースがない限り、物理ラベルを避ける必要があります。コンテキスト情報をブラウザに可能な限り提供し、コンテンツベースのスタイルを使用する必要があります。ブラウザはこれらのテキストを斜めまたは厚手の文字で表示していますが、将来のブラウザとさまざまなドキュメント生成ツールは、これらのコンテンツベースのスタイルを非常に創造的な方法で使用する場合があります。
現在のHTML/XHTML標準は、太字、斜体、下線、ストリケスロフ、より大きい)、より小さな)を含む合計9つの物理スタイルを提供します。これらのタグは次のとおりです。
<b> <big> <i> <s> <small>
上記は、編集者があなたに紹介することを願っています。 VEVBウーリンのウェブサイトへのご支援ありがとうございます!