整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html基礎必備-分隔標記,前端小白一看就會

          節、分區和分割線

          這些標記用于將頁面分成多個部分。熟練地掌握這些標記將意味著構建出具有良好的結構和布局的頁面,使其更加友好和易于閱讀。

          分區 - <div> </div>

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

          段落 - <p> </p>

          p標記用來定義文本的段落,就像你在書中看到的那樣,一旦文本達到屏幕邊緣就會自動折到下一行。當另一個<p>標記用于開始下一個段落時,瀏覽器將在段落之間添加一些空白。p標記具有以下屬性:

          • align="" - 段落中文本的對齊方式:left, center or right
          • width="" - 段落將占據頁面的固定寬度或百分比,默認為100%

          內聯 - <span> </span>

          span標記用于將內聯元素組合在一起,例如句子中的幾個單詞,以便僅對這些單詞應用css樣式。span標記可以在div和p標記中使用,因為它不會創建新的塊。

          換行 - <br>

          br標記相當于一個回車符,用于在新行開始文本。一行中的多個<br>標記將在網頁上創建一個很大的垂直空間。

          水平分隔線 - <hr>

          hr標記通常被稱為HTML行分隔符標記,創建一條通常用于視覺上分隔頁面的水平線。它具有以下屬性:

          • width="" - 線條將占用固定寬度,默認100%寬度
          • color="" - 線條顏色
          • noshade - 取消3D外觀,創建一條平的實線分隔線

          不換行 - <nobr> </nobr>

          出于某種原因,你希望文本在一條直線上繼續,而不是在屏幕的邊緣換行,可以使用nobr。注意:這將迫使用戶向右滾動以查看行的其余部分,這是一種糟糕的設計。

          例子

          下面是以上標記的示例:

          瀏覽器顯示內容如下所示:

          當內容的主題發生變化時,使用 <hr> 標簽進行分隔:

          <h1>HTML</h1>

          <p>HTML 是用于描述 web 頁面的一種語言。</p>

          <hr>

          <h1>CSS</h1>

          <p>CSS 定義如何顯示 HTML 元素。</p>


          瀏覽器支持

          所有主流瀏覽器都支持 <hr> 標簽。


          標簽定義及使用說明

          <hr> 標簽定義 HTML 頁面中的主題變化(比如話題的轉移),并顯示為一條水平線。

          <hr> 元素被用來分隔 HTML 頁面中的內容(或者定義一個變化)。


          HTML 4.01 與 HTML5之間的差異

          在 HTML5 中,<hr> 定義內容中的主題變化,并顯示為一條水平線。

          在 HTML 4.01 中,<hr> 標簽僅僅顯示為一條水平線。

          在 HTML 4.01 中,所有的布局屬性都 已廢棄。在 HTML5 中不再支持這些屬性。請使用 CSS 來為 <hr> 元素定義樣式。


          HTML 與 XHTML 之間的差異

          在 HTML 中,<hr> 標簽沒有結束標簽。

          在 XHTML 中,<hr> 標簽必須被正確地關閉,比如 <hr />。


          屬性

          屬性描述
          alignleftcenterrightHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的對齊方式
          noshadenoshadeHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的顏色呈現為純色。
          sizepixelsHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的高度。
          widthpixels%HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的寬度。

          全局屬性

          <hr> 標簽支持 HTML 的全局屬性。


          事件屬性

          <hr> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          iv 、span 沒有特殊語義 ,但是網頁布局中非常重要的2個標簽

          • 縮寫

          division ,分割,分區

          在我們的網頁布局中,會有很多div 來組合網頁

          span, 跨度,范圍

          • 語法

          <div>

          商品展示

          <span>價格</span>

          </div>


          主站蜘蛛池模板: 无码人妻视频一区二区三区| 国产成人av一区二区三区在线观看 | 亚洲国产成人久久一区久久| 久久国产精品一区| 无码人妻品一区二区三区精99| 国产一区二区三区不卡在线观看| 2014AV天堂无码一区| 国产女人乱人伦精品一区二区| 久久免费区一区二区三波多野| 国产一区二区三区亚洲综合| 国产精品久久亚洲一区二区| 国产视频一区在线播放| 国产不卡视频一区二区三区| 国内精品一区二区三区东京| 国产激情无码一区二区三区| 精品人妻无码一区二区三区蜜桃一| 国产精品女同一区二区久久| 日本一区二区三区四区视频| 日韩爆乳一区二区无码| 超清无码一区二区三区| 美女免费视频一区二区| 国产一区二区在线观看| 国产精品视频分类一区| 亚洲天堂一区二区| 99久久国产精品免费一区二区 | 国产丝袜美女一区二区三区| 四虎精品亚洲一区二区三区| 日韩高清一区二区| 无码人妻一区二区三区兔费| 国产手机精品一区二区| 老熟妇仑乱一区二区视頻| ...91久久精品一区二区三区| 久久精品国产一区二区三区日韩| 色综合视频一区中文字幕| 亚洲av无码一区二区三区在线播放| 99久久精品国产一区二区成人| 久久中文字幕一区二区| 国产AV天堂无码一区二区三区| 蜜臀Av午夜一区二区三区| 文中字幕一区二区三区视频播放| 熟女大屁股白浆一区二区|