前端修煉の道 | <div> 標簽簡介

vvpale 發布于2019-08-23 13:43 / 2033人閱讀

摘要：標簽是最基本的，同時也是最常用的標簽。該標簽是一個雙標簽，出現在主體區域中，主要作為一個容器標簽來使用，在標簽中可以包含除之外的所有主體標簽。因此，的主要作用就是用來對結構進行布局。示例標簽的使用上述代碼中，分別創建了兩個塊級元素。

標簽是最基本的，同時也是最常用的標簽。

該標簽是一個雙標簽，出現在主體區域中，主要作為一個容器標簽來使用，在

標簽中可以包含除之外的所有主體標簽。

每一對

標簽在 HTML 頁面中都會構建一個區塊，我們可以通過

將頁面劃分成許多大小不一的區塊，以便更好地控制和布局頁面內容。
因此，

的主要作用就是用來對 HTML 結構進行布局。

【示例 1-5】

標簽的使用








     div1
     div2

上述代碼中，分別創建了兩個 div 塊級元素。

另外，為了更清楚地看出塊級元素的表現效果，在頭部區域添加了一個標簽對，其中放置的代碼稱為 CSS 代碼，用于設置元素的格式。

該示例中的 CSS 設置了 div 元素的邊框、背景顏色樣式以及 div 的外邊距。打開瀏覽器運行上述代碼的結果如圖 1-30 所示。

從圖 1-30 可以看到，作為塊級元素的兩個 div 元素分別獨占一行，其寬度自動填滿父元素寬度，且依次垂直排列。

1、請用自己的理解說明以下內容是什么意思？

（1）DOCTYPE 是什么？出現在什么位置？不寫會出現什么問題？
（2）標簽和標簽是什么意思？它倆有什么區別？
（3）標簽主要有哪些屬性？作用分別是什么？

2、使用所學 HTML 標簽創建下圖所示的 HTML 頁面

GPU云服務器云服務器 python &lt&gt java &lt=&gt java&lt &gt asp &lt&gt

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99449.html

前端修煉の道 | 帶你走進迷人的 CSS 世界

摘要：每條屬性聲明實現對網頁元素進行某種特定格式的設置，由一個屬性和一個值組成，屬性和值之間使用冒號連接，不同聲明之間用分號分隔，所有屬性聲明放到一對大括號中。 showImg(https://segmentfault.com/img/bVbkQCI?w=900&h=383); showImg(https://segmentfault.com/img/bVbkQCO?w=900&h=383)...

shiweifu 2019-08-23 13:58 評論0 收藏0
前端修煉の道 | 如何成為一名合格前端開發工程師？

摘要：上期回顧在上一節我們已了解前端開發是做什么的，現在的問題是，如何才能成為一名合格的前端開發工程師相信這個問題是大家比較關心的。 showImg(https://segmentfault.com/img/bVbi9ks?w=900&h=383);上期回顧在上一節我們已了解前端開發是做什么的，現在的問題是，如何才能成為一名合格的前端開發工程師？相信這個問題是大家比較關心的。前端開發工...

Jackwoo 2019-08-23 12:50 評論0 收藏0
前端技術之_CSS詳解第一天

摘要：前端技術之詳解第一天一部分略。。。。中國主要城市北京上海廣州美國主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中，默認是不會增加任何的效果改變的，但是語義變了，中的所有元素是一個小區域。前端技術之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無序列表無序列表，用來表示一個列表的語義，并且每個項目和每個項目之間，是不分先后的。ul就是英語unordered list，無序列表的意...

番茄西紅柿 2019-04-23 13:46 評論0 收藏0
前端修煉の道 | 你知道哪些復合選擇器？

摘要：后代選擇器后代選擇器又稱包含選擇器，用于選擇指定元素的后代元素。這些選擇器既可以是基本選擇器，也可以是一個復合選擇器。注意元素選擇器及和屬性選擇器之間沒有空格。 showImg(https://segmentfault.com/img/bVblJEJ?w=900&h=383); 復合選擇器是通過基本選擇器進行組合后構成的，常用的復合選擇器有：交集選擇器并集選持器后代選擇器子元...

Java_oldboy 2019-08-23 14:20 評論0 收藏0
前端修煉の道：第一個 HTML 頁面

摘要：可見對一個頁面正確渲染很重要。和標簽對用于標識頁面的頭部區域，和之間的內容都屬于頭部區域中的內容。是一個輔助性標簽，對頁面可以進行很多方面的特性的設置。當頁面沒有設置字符集時，瀏覽器會使用默認的字符編碼顯示。 showImg(https://segmentfault.com/img/bVbjNkI?w=900&h=383); 往期回顧在 1.2 節介紹 HTML 語言時講到：HTML...

JasonZhang 2019-08-26 13:23 評論0 收藏0