天天看點

【網頁前端】HTML塊标簽以及架構标簽

【網頁前端】HTML塊标簽以及架構标簽

🔎這裡是【前端網頁】,關注我學習前端不迷路

👍如果對你有幫助,給部落客一個免費的點贊以示鼓勵

歡迎各位🔎點贊👍評論收藏⭐️

👀專欄介紹

【前端網頁】 目前主要更新HTML,一起學習一起進步。

👀本期介紹

本期主要介紹HTML塊标簽以及架構标簽

文章目錄

​​1.HTML基本文法(二)​​

​​        1.1塊标簽:span​​

​​        1.2塊标簽:div​​

​​2.自學擴充​​

​​        2.1 架構标簽​​

1.HTML基本文法(二)

        1.1塊标簽:span

<span>

行級的塊标簽,用于在效果中 一行上定義一個塊,進行内容顯示。

1

span

有多少内容,就會占用多大空間。

Span

不會自動換行

适用于少量資料展示

示例:

【網頁前端】HTML塊标簽以及架構标簽

效果:

【網頁前端】HTML塊标簽以及架構标簽

塊标簽:div

 塊級的塊标簽,用于在效果中 定義一塊,預設占滿一行,進行内容的顯示

1 預設占滿一行

2 會自動換行

适用于大量資料展示

示例:

【網頁前端】HTML塊标簽以及架構标簽

效果:

【網頁前端】HTML塊标簽以及架構标簽

Div 和 span 的應用場景對比

【網頁前端】HTML塊标簽以及架構标簽

2.自學擴充

.1 架構标簽

                2.1.1 架構标簽:<frameset>

<frameset> 标簽,是架構設定布局标簽,專門用于頁面的布局和劃分。

<frameset> 和

<body>

兩個是互相替代的,不能共存。

frameset 屬性

【網頁前端】HTML塊标簽以及架構标簽
【網頁前端】HTML塊标簽以及架構标簽

多個 <frameset> 可以嵌套使用。

<frame> 标簽,是 <frameset>

的子标簽。用于頁面引入。

frame 屬性

【網頁前端】HTML塊标簽以及架構标簽

                2.1.2 練習

按照如下效果編寫代碼:

要求點選商品管理 ------------ 》右側區域進入商品管理頁面

點選訂單管理 ------------ 》右側區域進入訂單管理頁面

繼續閱讀