HTML(四):段落標簽和換行標簽


段落標簽

在網頁中,要把文字有條理地顯示出來,就需要將這些文字分段顯示。在HTML標簽中,<p>標簽用於定義段落,它可以將整個網頁分為若干個段落。

基本語法

<p> 我是一個段落標簽</p>
  • 單詞 paragraph [ 'pærəɡræf ] 的縮寫,意為段落。
  • 標簽語義:可以把HTML文檔分割為若干段落。

示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>段落標簽</title>
</head>

<body>
    <p>
        清風微拂搖動着心蓮,這春,柳巷悠長情濃濃,柳絲長長穿過那幽靜的古庭院,店肆古朴,井水幽蘭,鶯鶯艷舞,
        喜鵲在樹柳上歌吟,滿城的柳絮紛舞洋溢着空氣,花蝶雙舞抖艷姿,一股子花香迷情依依不舍,葉露交柔枝梢上纏綿,
        小草絨絨鋪滿了長長的小徑,旖旎的日子,明麗妖嬈,春山滿園,桃李芬芳,野花芬郁花艷迷情,輕蘸一縷墨香,
        渲染這一季的溫婉柔情,觸景生情,石橋長廊碧園春風吹拂,湖水盪波紋,飛濺的情水濕了叢中瓣,
        這花蕊沁心溫潤可人,悄悄的綻放在深春江南的沃野。
    </p>

</body>

</html>

換行標簽

在HTML中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,然后才自動換行。如果希望某段文本強制換行顯示,就需要使用換行標簽<br/>

基本語法

<br />
  • 單詞 break 的縮寫,意為打斷、換行。
  • 標簽語義:強制換行。
  • 特點:
    • <br/>是個單標簽
    • <br/>標簽只是簡單地開始新的一行,跟段落不一樣,段落之間會插入一些垂直的間距。

示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>換行標簽</title>
</head>

<body>
    <p>
        清風微拂搖動着心蓮,這春,<br />柳巷悠長情濃濃,柳絲長長穿過那幽靜的古庭院,店肆古朴,井水幽蘭,鶯鶯艷舞,
        喜鵲在樹柳上歌吟,滿城的柳絮紛舞洋溢着空氣,<br />花蝶雙舞抖艷姿,一股子花香迷情依依不舍,葉露交柔枝梢上纏綿,
        小草絨絨鋪滿了長長的小徑,旖旎的日子,明麗妖嬈,<br />春山滿園,桃李芬芳,野花芬郁花艷迷情,輕蘸一縷墨香,
        渲染這一季的溫婉柔情,觸景生情,<br />石橋長廊碧園春風吹拂,湖水盪波紋,飛濺的情水濕了叢中瓣,
        這花蕊沁心溫潤可人,悄悄的綻放在深春江南的沃野。
    </p>

</body>

</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM