種分割線Html代碼

一、基本線條：

1、<HR>

2、align線條位置（可選left、right、center）；width線條長(zhǎng)度；color顏色；size厚度

<HRalign=center width=300 color=#987cb9SIZE=1>

二、特效（效果并不是孤立的，可相互組合）

1、兩頭漸變透明：

<HR style="FILTER:alpha(opacity=100,finishopacity=0,style=2)" width="80%"color=#987cb9 SIZE=10>

2、紡錘形：

<HR style="FILTER:alpha(opacity=100,finishopacity=0,style=1)" width="80%"color=#987cb9 SIZE=3>

3、右邊漸變透明：

<HR style="FILTER:alpha(opacity=0,finishopacity=100,style=1)" width="80%"color=#987cb9 SIZE=3>

4、左邊漸變透明：

<HR style="border:1 dashed #987cb9" width="80%"color=#987cb9 SIZE=1>

5、虛線：

<HR style="border:3 double #987cb9" width="80%"color=#987cb9 SIZE=3>

6、雙線：

<HR style="FILTER:progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)"width="80%" color=#987cb9 SIZE=1>

7、立體效果：

<HR style="FILTER:progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)"width="80%" color=#987cb9 SIZE=1>

8、鋼針效果：

<table border="1px" cellpadding="0" cellspacing="0"style="height:265px;border-left-style:solid;border-bottom-style:none;border-right-style:none;border-top-style:none">

９．垂直分割線

<table border="1px" cellpadding="0" cellspacing="0"style="height:265px;border-left-style:solid;border-bottom-style:none;border-right-style:none;border-top-style:none">

虛線的Html代碼

HTML代碼：

<hr style="border: 1px dotted #FF0000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

節(jié)、分區(qū)和分割線

這些標(biāo)記用于將頁面分成多個(gè)部分。熟練地掌握這些標(biāo)記將意味著構(gòu)建出具有良好的結(jié)構(gòu)和布局的頁面，使其更加友好和易于閱讀。

分區(qū) - <div> </div>

div標(biāo)記定義了HTML文件中的一個(gè)部分或分區(qū)。它通常包含需要組合在一起的標(biāo)題、段落、表格或其他元素。通過設(shè)置<div class="">與css一起使用來設(shè)置網(wǎng)頁某個(gè)部分的顯示。

段落 - <p> </p>

p標(biāo)記用來定義文本的段落，就像你在書中看到的那樣，一旦文本達(dá)到屏幕邊緣就會(huì)自動(dòng)折到下一行。當(dāng)另一個(gè)<p>標(biāo)記用于開始下一個(gè)段落時(shí)，瀏覽器將在段落之間添加一些空白。p標(biāo)記具有以下屬性：

• align="" - 段落中文本的對(duì)齊方式：left, center or right
• width="" - 段落將占據(jù)頁面的固定寬度或百分比，默認(rèn)為100%

內(nèi)聯(lián) - <span> </span>

span標(biāo)記用于將內(nèi)聯(lián)元素組合在一起，例如句子中的幾個(gè)單詞，以便僅對(duì)這些單詞應(yīng)用css樣式。span標(biāo)記可以在div和p標(biāo)記中使用，因?yàn)樗粫?huì)創(chuàng)建新的塊。

換行 - <br>

br標(biāo)記相當(dāng)于一個(gè)回車符，用于在新行開始文本。一行中的多個(gè)<br>標(biāo)記將在網(wǎng)頁上創(chuàng)建一個(gè)很大的垂直空間。

水平分隔線 - <hr>

hr標(biāo)記通常被稱為HTML行分隔符標(biāo)記，創(chuàng)建一條通常用于視覺上分隔頁面的水平線。它具有以下屬性：

• width="" - 線條將占用固定寬度，默認(rèn)100%寬度
• color="" - 線條顏色
• noshade - 取消3D外觀，創(chuàng)建一條平的實(shí)線分隔線

不換行 - <nobr> </nobr>

出于某種原因，你希望文本在一條直線上繼續(xù)，而不是在屏幕的邊緣換行，可以使用nobr。注意：這將迫使用戶向右滾動(dòng)以查看行的其余部分，這是一種糟糕的設(shè)計(jì)。

例子

下面是以上標(biāo)記的示例：

瀏覽器顯示內(nèi)容如下所示：

網(wǎng)頁設(shè)計(jì)中，標(biāo)題、段落和文本格式是構(gòu)成頁面內(nèi)容的基石。它們不僅有助于傳達(dá)信息，還能通過組織和強(qiáng)調(diào)內(nèi)容來提升用戶體驗(yàn)。本文將詳細(xì)介紹這些元素的使用方法，并提供實(shí)際例子。

標(biāo)題（Headings）

標(biāo)題是用來定義網(wǎng)頁中不同部分的標(biāo)題。在HTML中，標(biāo)題標(biāo)簽從<h1>到<h6>，其中<h1>表示最高的層級(jí)，通常用于主標(biāo)題，而<h6>表示最低的層級(jí)。為了保證良好的SEO實(shí)踐和無障礙訪問，應(yīng)保證標(biāo)題層級(jí)的邏輯順序。

使用實(shí)例：

<h1>歡迎來到我的博客</h1>
<h2>最新文章</h2>
<h3>Web開發(fā)的未來趨勢(shì)</h3>
<h4>前言</h4>
<h4>主要內(nèi)容</h4>
<h4>結(jié)論</h4>
<h3>如何提高JavaScript技能</h3>

在這個(gè)例子中，<h1>用于最主要的標(biāo)題，<h2>用于區(qū)分頁面中的主要部分，<h3>用于文章標(biāo)題，<h4>用于文章內(nèi)部的小節(jié)。

段落（Paragraphs）

段落是文本的基本單元，用于組織和展示連續(xù)的文本內(nèi)容。在HTML中，<p>標(biāo)簽用于定義段落。合理的段落分割有助于讀者更好地理解和吸收信息。

使用實(shí)例：

<p>在今天的數(shù)字時(shí)代，網(wǎng)頁開發(fā)已經(jīng)成為了一個(gè)不斷演變的領(lǐng)域。隨著新技術(shù)的出現(xiàn)，開發(fā)者需要不斷學(xué)習(xí)和適應(yīng)。</p>

<p>JavaScript是構(gòu)建現(xiàn)代網(wǎng)頁不可或缺的一部分。為了成為一名更優(yōu)秀的前端開發(fā)者，提高JavaScript技能是非常重要的。</p>

在這個(gè)例子中，兩個(gè)<p>標(biāo)簽分別定義了兩個(gè)獨(dú)立的段落，每個(gè)段落都是一個(gè)完整的思想單元。

文本格式

文本格式用于強(qiáng)調(diào)或區(qū)分網(wǎng)頁中的文本內(nèi)容。HTML提供了多種標(biāo)簽來改變文本的樣式和意義，包括但不限于加粗、斜體、下劃線、上標(biāo)和下標(biāo)等。

加粗（Bold）

<strong>和<b>標(biāo)簽用于加粗文本，但<strong>通常表示重要性，而<b>僅用于視覺上的加粗。

使用實(shí)例：

<p>重要提示：<strong>請(qǐng)不要在任何情況下泄露您的密碼。</strong></p>
<p>這是一個(gè)<b>加粗</b>的文本示例。</p>

斜體（Italic）

<em>和<i>標(biāo)簽用于斜體文本，<em>表示強(qiáng)調(diào)，而<i>僅用于斜體樣式。

使用實(shí)例：

<p>當(dāng)我們談?wù)?lt;em>用戶體驗(yàn)</em>時(shí)，我們指的是用戶與產(chǎn)品交互的整體感受。</p>
<p>這是一個(gè)<i>斜體</i>的文本示例。</p>

下劃線和刪除線

``標(biāo)簽用于下劃線文本，而<del>標(biāo)簽用于顯示文本已被刪除或更改。

使用實(shí)例：

<p>請(qǐng)閱讀使用條款了解更多信息。</p>
<p>原價(jià)<del>99.99美元</del> 現(xiàn)價(jià)69.99美元。</p>

上標(biāo)和下標(biāo)

<sup>和<sub>標(biāo)簽用于創(chuàng)建上標(biāo)和下標(biāo)文本，常用于科學(xué)公式和腳注。

使用實(shí)例：

<p>水的化學(xué)式是H<sub>2</sub>O。</p>
<p>愛因斯坦的質(zhì)能方程式E=mc<sup>2</sup>。</p>

結(jié)論

合理使用標(biāo)題、段落和文本格式可以極大地提升網(wǎng)頁內(nèi)容的可讀性和專業(yè)性。通過明確的層級(jí)結(jié)構(gòu)和強(qiáng)調(diào)重要內(nèi)容，你可以幫助用戶快速找到他們需要的信息。記住正確使用這些基本元素，你的網(wǎng)頁將更加吸引人且功能強(qiáng)大。