成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端修煉の道 | <div> 標(biāo)簽簡介

vvpale / 2044人閱讀

摘要:標(biāo)簽是最基本的,同時(shí)也是最常用的標(biāo)簽。該標(biāo)簽是一個(gè)雙標(biāo)簽,出現(xiàn)在主體區(qū)域中,主要作為一個(gè)容器標(biāo)簽來使用,在標(biāo)簽中可以包含除之外的所有主體標(biāo)簽。因此,的主要作用就是用來對(duì)結(jié)構(gòu)進(jìn)行布局。示例標(biāo)簽的使用上述代碼中,分別創(chuàng)建了兩個(gè)塊級(jí)元素。

標(biāo)簽是最基本的,同時(shí)也是最常用的標(biāo)簽。

該標(biāo)簽是一個(gè)雙標(biāo)簽,出現(xiàn)在主體區(qū)域中,主要作為一個(gè)容器標(biāo)簽來使用,在

標(biāo)簽中可以包含除 之外的所有主體標(biāo)簽。

每一對(duì)

標(biāo)簽在 HTML 頁面中都會(huì)構(gòu)建一個(gè)區(qū)塊,我們可以通過
將頁面劃分成許多大小不一的區(qū)塊,以便更好地控制和布局頁面內(nèi)容。
因此,
的主要作用就是用來對(duì) HTML 結(jié)構(gòu)進(jìn)行布局。

【示例 1-5】

標(biāo)簽的使用








     
div1
div2

上述代碼中,分別創(chuàng)建了兩個(gè) div 塊級(jí)元素。

另外,為了更清楚地看出塊級(jí)元素的表現(xiàn)效果,在頭部區(qū)域添加了一個(gè) 標(biāo)簽對(duì),其中放置的代碼稱為 CSS 代碼,用于設(shè)置元素的格式。

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

從圖 1-30 可以看到,作為塊級(jí)元素的兩個(gè) div 元素分別獨(dú)占一行,其寬度自動(dòng)填滿父元素寬度,且依次垂直排列。

1、請(qǐng)用自己的理解說明以下內(nèi)容是什么意思?

(1)DOCTYPE 是什么?出現(xiàn)在什么位置?不寫會(huì)出現(xiàn)什么問題?
(2) 標(biāo)簽和 標(biāo)簽是什么意思?它倆有什么區(qū)別?
(3) 標(biāo)簽主要有哪些屬性?作用分別是什么?

2、使用所學(xué) HTML 標(biāo)簽創(chuàng)建下圖所示的 HTML 頁面

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/99449.html

相關(guān)文章

  • 前端修煉 の道 | 帶你走進(jìn)迷人的 CSS 世界

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

    shiweifu 評(píng)論0 收藏0
  • 前端修煉の道 | 如何成為一名合格前端開發(fā)工程師?

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

    Jackwoo 評(píng)論0 收藏0
  • 前端技術(shù)之_CSS詳解第一天

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

    番茄西紅柿 評(píng)論0 收藏0
  • 前端修煉の道 | 你知道哪些復(fù)合選擇器?

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

    Java_oldboy 評(píng)論0 收藏0
  • 前端修煉の道:第一個(gè) HTML 頁面

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

    JasonZhang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<