Webページの外観が美しいかどうかは、そのレイアウトに大きく依存します。テキストの大きな段落がページに表示されますが、これは通常セグメントで計画されており、ラインブレークには非常に厳しい分裂があります。このセクションは、段落の詳細から始まるため、読者はタグを使用して、学習後にテキストの大きな段落を自由に処理できます。
HTMLページのテキストと段落前の章の調査を通じて、読者はWebページの全体的なパフォーマンス設定に比較的強固な基盤を持っています。ただし、読者はWebページでテキストを表現したいだけでなく、Webページでテキストを入力して変更したいと考えています。この章では、簡単なレイアウト、変更、スクロールテキスト、テキストのハイパーリンクを学びます。ハイパーリンクはウェブサイト開発のいたるところにあり、Webページの焦点です。
この章を調査するときは、d：/web/ディレクトリで第3章という名前のディレクトリを作成し、前の章からd：/web/章3にファイルを移動し、分類を行います。この章では、IISでサンプルファイルのテストを容易にするために、d：/ web/ディレクトリにサンプルファイルの作成を続けています。
- 注：次の章も同様に扱われ、繰り返されません。たとえば、第4章のファイルはd：/ web/章4として分類されます。
4.1段落の組み立ちとラインブレイクWebページの外観が美しいかどうかは、そのレイアウトに大きく依存します。テキストの大きな段落がページに表示されますが、これは通常セグメントで計画されており、ラインブレークには非常に厳しい分裂があります。このセクションは、段落の詳細から始まるため、読者はタグを使用して、学習後にテキストの大きな段落を自由に処理できます。
4.1.1テキストの大きな段落セグメントテキストセグメンテーションに一般的に使用される<p> </p>タグを使用するだけです。つまり、段落の先頭を使用して、段落の最後を使用します。セグメント化された場合、一部のWebページは省略されます。つまり、次の段落の先頭にある<p>タグは前の段落の終了を意味するため、単一のタグとして使用されます。
- 注：著者は、このコードが標準化されておらずエラーが発生しやすいため、<p>を単一のタグとして使用することをお勧めしません。
p.htmという名前のd：/ web/ディレクトリにWebページファイルを作成し、コード4.1に示すようにコードを書きます。
コード4.1セグメント設定：p.htm
<html>
<head>
<title>セグメント設定</title>
</head>
<body>
<p>映画隔週：「地獄の問題3：究極の途切れない」解説トピック</p>
<p>終わりから始まったばかりです</p>
<p> 2002年の終わりに、神話が始まりました。 2003年の秋と冬、クライマックスと究極に向かっています。 「地獄の問題」とは、それが仏教の哲学を継承し、光と闇、生存と絶滅、存在と無さが混ざり合い、衝撃的な方法で崩壊することを意味します。原因があり、結果があり、罪があり、運命があります。状況と外観の驚異は、言葉と解釈の限界にあります。明らかにすることも、沈黙することも、お互いに依存することもできません。心の音は常にそこにあり、自分自身と時間と空間に疑問を呈しています。これは最高の時期であり、これは最悪の時期であり、ほとんどすべての時代の人々はそれを言います。しかし、「Vimalakirti Sutra：すべての人生の見解の第7章」は述べています。愛着がなければ、起源はありません。身体の言葉と行為から、言いようのないレベルを通して、私たちは最初は自己観の状態に到達しました。私の意見では、Liu Jianming、Chen Yongren、Han Chen、Huang Zhicheng、Ni Yongxiao、Lu Qichang、Yang Jinrong、Shen Chengなどは、実際に彼らの運命の鏡の姿です。彼らは皆、お互いから自分自身を見ることができ、災害とねじれた生活であるかのように、戦い、破裂し、沈み、散らばることができます。 </p>
<p> gu Zhunは理想主義から経験主義に至ると言った、王Xiaoboはヒーローである暴君や英雄に警戒していると言った。彼らはどこから来たのですか？それで、彼らが来たらどうでしょうか？私たちはまだ私たちの時代にヒーローが欲しいですか？このEフォーラムを編集したとき、私は少し安心しました。テキストから、誰もが考えていることがわかります。結局のところ、私たちはもはや盲目のフォロワーではありません。私の意見では、エンターテインメントは決して単なるエンターテイメント自体ではありませんでした。水滴、花、砂の粒から世界を見ることができます。私たちが映画で考えていることは、より多くのものになる運命にあり、理解は無限です。私たちはそれぞれこの世界を構成しており、世界が良いか悪いかに関係なく、私たちはシェアを持っています。私たちはそれぞれ、私たちの長所と短所の両方を持っています。これは私たちの共通の進歩の基礎です。 </p>
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/p.htmを入力すると、閲覧効果を図4.1に示します。
図4.1セグメンテーション設定
<p> </p>タグのセグメントを通じて、大きなセグメントのテキストレイアウトが編成されています。
4.1.2テキストにスペースを追加します図4.1をよく見ると、各セグメントの先頭にキャラクタースペースがないため、図のセグメンテーションは少し厄介に感じます。
- 説明：中国の執筆習慣によると、段落の最初の行には2つの漢字が必要です。
HTMLコードのキーボードを使用してスペースバーをタップするだけで、ページに表示することは不可能であるという前の章を学びました。 HTMLは1つのスペース文字（英語スペース文字）を使用します。 1人の漢字が2人の英語文字の幅を占めるため、4＆nbspを追加します。パラグラフの最初の行の先頭までの文字、コード4.2に示すように、p.htmのコードを変更します。
コード4.2スペース文字の設定：p.htm
<html>
<head>
<title>セグメント設定</title>
</head>
<body>
<p>映画隔週：「地獄の問題3：究極の途切れない」解説トピック</p>
<p>終わりから始まったばかりです</p>
<p>＆nbsp;＆nbsp;＆nbsp;＆nbsp; 2002年の終わりに、神話が始まりました。 2003年の秋と冬、クライマックスと究極に向かっています。 「地獄の問題」とは、それが仏教の哲学を継承し、光と闇、生存と絶滅、存在と無さが混ざり合い、衝撃的な方法で崩壊することを意味します。原因があり、結果があり、罪があり、運命があります。状況と外観の驚異は、言葉と解釈の限界にあります。明らかにすることも、沈黙することも、お互いに依存することもできません。心の音は常にそこにあり、自分自身と時間と空間に疑問を呈しています。これは最高の時期であり、これは最悪の時期であり、ほとんどすべての時代の人々はそれを言います。しかし、「Vimalakirti Sutra：すべての人生の見解の第7章」は述べています。愛着がなければ、起源はありません。身体の言葉と行為から、言いようのないレベルを通して、私たちは最初は自己観の状態に到達しました。私の意見では、Liu Jianming、Chen Yongren、Han Chen、Huang Zhicheng、Ni Yongxiao、Lu Qichang、Yang Jinrong、Shen Chengなどは、実際に彼らの運命の鏡の姿です。彼らは皆、お互いから自分自身を見ることができ、災害とねじれた生活であるかのように、戦い、破裂し、沈み、散らばることができます。 </p>
<p>＆nbsp;＆nbsp;＆nbsp;＆nbsp; gu zhunは理想主義から経験主義に至ると言った、王Xiaoboはヒーローである暴君や英雄に警戒していると言った。彼らはどこから来たのですか？それで、彼らが来たらどうでしょうか？私たちはまだ私たちの時代にヒーローが欲しいですか？このEフォーラムを編集したとき、私は少し安心しました。テキストから、誰もが考えていることがわかります。結局のところ、私たちはもはや盲目のフォロワーではありません。私の意見では、エンターテインメントは決して単なるエンターテイメント自体ではありませんでした。水滴、花、砂の粒から世界を見ることができます。私たちが映画で考えていることは、より多くのものになる運命にあり、理解は無限です。私たちはそれぞれこの世界を構成しており、世界が良いか悪いかに関係なく、私たちはシェアを持っています。私たちはそれぞれ、私たちの長所と短所の両方を持っています。これは私たちの共通の進歩の基礎です。 </p>
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/p.htmを入力すると、閲覧効果を図4.2に示します。
図4.2スペース文字の設定
段落が最初に形成され、スペースが表現されました。読者は、スペース文字を追加して段落をテストできます。
4.1.3ラインブレークではなく、テキストラインの破損を設定します図4.1は問題がないようです。テキストがブラウザの境界に達すると、ラインを自動的にラップします。ただし、ブラウザの幅が調整されると、テキストラインの位置もそれに応じて変化し、形式は非常に混乱しているようです。形式を標準化するには、読者はコードを書くときに1つのタグを使用してラインブレイクを強制する必要があります。それどころか、ラップする必要のない部品には、ダブルタグ<NoBr> </nobr>に含まれています。コード4.3に示すように、P.HTMコードを変更します。
コード4.3ラインブレークコントロール：P.HTM
<html>
<head>
<title>セグメント設定</title>
</head>
<body>
<p>映画隔週：「地獄の問題3：究極の途切れない」解説トピック</p>
<p>終わりから始まったばかりです</p>
<p>＆nbsp;＆nbsp;＆nbsp;＆nbsp; 2002年の終わりに、神話が始まりました。 2003年の秋と冬、クライマックスと究極に向かっています。 <br /> <nobr>地獄の問題は、仏教の哲学を継承することであり、光と暗闇、生存と絶滅、存在と無さは混合された方法で絡み合っており、衝撃的な方法で崩壊します。また、濃縮と統一のプロセスでもあります。原因があり、結果があり、罪があり、運命があります。状況と外観の美しさは、言葉と解釈の限界にあります。明らかにすることも、沈黙することも、お互いに依存することもできません。心の音は常にそこにあり、自分自身と時間と空間に疑問を呈しています。 <NoBr>これは最高の時期であり、これは最悪の時期であり、ほとんどすべての時代の人々はそう言っています。しかし、「Vimalakirti Sutra：すべての人生の見解の第7章」は述べています。愛着がなければ、起源はありません。 </nobr>身体の言葉と行為から、そして言いようのないレベルを通して、私たちは最初は自己観の状態に到達します。最終的には生存の態度にすぎません。私の意見では、Liu Jianming、Chen Yongren、Han Chen、Huang Zhicheng、Ni Yongxiao、Lu Qichang、Yang Jinrong、Shen Chengなどは、実際に彼らの運命の鏡の姿です。彼らは皆、お互いから自分自身を見ることができ、災害とねじれた生活であるかのように、戦い、破裂し、沈み、散らばることができます。 </p>
<p>＆nbsp;＆nbsp;＆nbsp;＆nbsp; gu zhunは理想主義から経験主義に至ると言った、王Xiaoboはヒーローである暴君や英雄に警戒していると言った。彼らはどこから来たのですか？それで、彼らが来たらどうでしょうか？私たちはまだ私たちの時代にヒーローが欲しいですか？このEフォーラムを編集したとき、私は少し安心しました。テキストから、誰もが考えていることがわかります。結局のところ、私たちはもはや盲目のフォロワーではありません。私の意見では、エンターテインメントは決して単なるエンターテイメント自体ではありませんでした。水滴、花、砂の粒から世界を見ることができます。私たちが映画で考えていることは、より多くのものになる運命にあり、理解は無限です。私たちはそれぞれこの世界を構成しており、世界が良いか悪いかに関係なく、私たちはシェアを持っています。私たちはそれぞれ、私たちの長所と短所の両方を持っています。これは私たちの共通の進歩の基礎です。 </p>
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/p.htmを入力すると、閲覧効果を図4.3に示します。
図4.3ラインブレークコントロール
この例から、<nobr> </nobr>に含まれる部分は、強制ラップがない限り、自動的にラップされません。
4.1.4テキストアライメントを設定しますパラグラフのテキストは、ある時点で異なる方法で整列する必要があり、デフォルトのアライメントが残っています。 <P>タグのアライメント属性はAlignです。左、右、または中央の値にアラインを設定して、左、右、中央のアライメントを達成します。コード4.4に示すように、P.HTMコードを変更します。
コード4.4アライメントコントロール：p.htm
<html>
<head>
<title>セグメント設定</title>
</head>
<body>
<p>映画隔週：「地獄の問題3：究極の途切れない」解説トピック</p>
<p>終わりから始まったばかりです</p>
<p align = center>＆nbsp;＆nbsp;＆nbsp;＆nbsp; 2002年の終わりに、神話が始まりました。 2003年の秋と冬、クライマックスと究極に向かっています。 「地獄の問題」とは、それが仏教の哲学を継承し、光と闇、生存と絶滅、存在と無さが混ざり合い、衝撃的な方法で崩壊することを意味します。原因があり、結果があり、罪があり、運命があります。状況と外観の驚異は、言葉と解釈の限界にあります。明らかにすることも、沈黙することも、お互いに依存することもできません。心の音は常にそこにあり、自分自身と時間と空間に疑問を呈しています。これは最高の時期であり、これは最悪の時期であり、ほとんどすべての時代の人々はそれを言います。しかし、「Vimalakirti Sutra：すべての人生の見解の第7章」は述べています。愛着がなければ、起源はありません。身体の言葉と行為から、言いようのないレベルを通して、私たちは最初は自己観の状態に到達しました。私の意見では、Liu Jianming、Chen Yongren、Han Chen、Huang Zhicheng、Ni Yongxiao、Lu Qichang、Yang Jinrong、Shen Chengなどは、実際に彼らの運命の鏡の姿です。彼らは皆、お互いから自分自身を見ることができ、災害とねじれた生活であるかのように、戦い、破裂し、沈み、散らばることができます。 </p>
<p align = right>＆nbsp;＆nbsp;＆nbsp;＆nbsp; gu zhunは理想主義から経験主義に至ると言った、王Xiaoboはヒーローは誰ですか？彼らはどこから来たのですか？それで、彼らが来たらどうでしょうか？私たちはまだ私たちの時代にヒーローが欲しいですか？このEフォーラムを編集したとき、私は少し安心しました。テキストから、誰もが考えていることがわかります。結局のところ、私たちはもはや盲目のフォロワーではありません。私の意見では、エンターテインメントは決して単なるエンターテイメント自体ではありませんでした。水滴、花、砂の粒から世界を見ることができます。私たちが映画で考えていることは、より多くのものになる運命にあり、理解は無限です。私たちはそれぞれこの世界を構成しており、世界が良いか悪いかに関係なく、私たちはシェアを持っています。私たちはそれぞれ、私たちの長所と短所の両方を持っています。これは私たちの共通の進歩の基礎です。 </p>
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/p.htmを入力すると、閲覧効果を図4.4に示します。
図4.4アライメント制御
4.1.5 Horizontal Dividerの追加HTMLは、パラグラフを変更するための水平方向の仕切りを提供します。これは、追加の図面なしで多くの場合に簡単に使用できます。 Horizontal Dividerのラベルは、デフォルトで1行を占める単一のラベル<HR />です。
hr.htmという名前のd：/ web/ディレクトリでWebページファイルを作成し、コード4.5に示すようにコードを書きます。
コード4.5分割線の設定：hr.htm
<html>
<head>
<title>分割線の設定</title>
</head>
<body>
<p align = center>音楽シーンで輝かしい広東語の歌をレビュー</p>
<hr />
<p>＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp;どの曲が最古の広東語の歌であるかはまだ議論の余地があります。 1973年、箸の姉妹フラワーメンバーであるXian Dulaは、Gu Jiahuiによって作成されたテレビシリーズ「Hidden and Crystal」の同じ名前のテーマソングを歌いました。この曲は、香港の音楽業界での最初の広東語ドラマのテーマソングでもあります。同じ年に、駆け出しのアダム・チェンもTVBドラマ「スモーキーレイン」に出演し、同じ名前のテーマソングを歌いました。 1974年にXu Guanjieが歌った人気のある映画「The Two Stars」の同じ名前のテーマソングは、音楽業界の爆弾であり、英国のBBCラジオで演奏された最初の中国語の歌になりました。当時は有名で、広東語の歌の起源で誰もが最も認識されていました。 </p>
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/hr.htmを入力すると、閲覧効果を図4.5に示します。
どの曲が最古の広東語の歌であるかはまだ物議を醸しています。 1973年、箸の姉妹湖cheng Zhongxian Dulaは、Gu Jiahuiによって作成されたテレビシリーズ「Hidden and Crystal」の同じ名前のテーマソングを鳴らしました。この曲は、香港音楽業界での最初の広東語ドラマのテーマソングでもあります。同じ年に、初心者であったアダム・チェンもテレビドラマ「スモーキーレイン」に出演し、同じ名前のテーマソングを歌いました。 1974年にXu Guanjieが歌ったヒット映画「The Two Stars」の同じ名前のテーマソングは、音楽業界の爆弾でした。英国のBBCラジオで演奏された最初の中国語の歌になりました。当時は有名で、広東語の起源で誰もが最も認識されていました。
図4.5仕切り線の設定
シンプルな<hr />タグは仕切りを実現し、段落レイアウトを簡単に変更してより美しくすることができます。ただし、さまざまなアプリケーションの場合、デフォルトのシングルラインスタイルは明らかに要件を満たすことができません。 <hr />タグの複数の属性は、この問題を解決します。一般的に使用される属性には、幅、サイズ、整列、色、およびタイトルが含まれます。幅は幅の設定です。属性値のデフォルト単位はピクセルです。パーセンテージを使用して、仕切りが占める空間の割合を表すこともできます。サイズは、仕切りの厚さまたは高さとして理解でき、属性値のデフォルト単位は幅と同じです。 Alignは、<p>のAlignと同様のアライメントです。色は色であり、ディバイダーの異なる色がニーズに応じて設定されます。タイトル属性はあまり使用されておらず、視聴者のカーソルが仕切りの上にホールすると、属性値のコンテンツプロンプトが表示されます。
- 説明：<hr />のデフォルトアラインメントが中心になります。 HTML幅と高さの属性のデフォルト単位はピクセルであり、通常、識別ユニットは必要ありません。ただし、ユニットはスタイル属性で識別する必要があります。
<hr /> Noshadeの別の属性があります。仕切りには色が設定されておらず、特定のサイズが設定されている場合、分割器は3次元凹面に見え、影があります。 Noshadeプロパティが使用される場合、分裂者はモノクロになります。コード4.6に示すように、HR.HTMコードを変更します。
コード4.6ディバイダーのスタイル設定：hr.htm
<html>
<head>
<title>分割線の設定</title>
</head>
<body>
300ピクセルの幅を設定し、右整列した仕切り：<br />
<hr width = 300 align = right />
50％の幅と中心整列仕合わせを設定します：<br />
<hr幅= 50％align = left />
50％の幅、50ピクセルの厚さ、Noshade分割なしを設定します：<br />
<hr幅= 50％サイズ= 50 />
50ピクセルの厚さを設定し、Noshadeの仕切りを使用します。
<hr size = 50 noshade = noshade />
厚さ50ピクセルと暗赤色の仕切りを設定します：<br />
<hrサイズ= 50色= 770000/>
50ピクセルの厚さを設定し、ライトブルーを設定し、到着してくれてありがとう！仕切りのためのヒント：<br />
<hrサイズ= 50色= 0000ccタイトル=来てくれてありがとう！ />
</body>
</html>
ブラウザアドレスバーにhttp：//localhost/hr.htmを入力すると、閲覧効果を図4.6に示します。
図4.6分割線のスタイル設定