摘要:布局標簽所謂布局標簽,很簡單就是用來實現網頁布局的這些標簽,是現在設計網頁中重要的標簽。
什么是容器標簽?在HTML開發中我們常常會使用一類標簽作為容器放置一些內容,我們把這類標簽稱之為容器標簽,可以作為容器標簽的包括列表標簽、表格標簽、框架標簽、布局標簽,在這里我們就來總結下這些內容。
1 2 <ul> 3 <li>無序列表-1li> 4 <li>無序列表-2li> 5 <li>無序列表-3li> 6 <li>無序列表-4li> 7 <li>無序列表-5li> 8 ul> 9 10 <ul type="disc"> 11 <li>無序列表-1li> 12 <li>無序列表-2li> 13 <li>無序列表-3li> 14 <li>無序列表-4li> 15 <li>無序列表-5li> 16 ul> 17 18 <ul type="circle"> 19 <li>無序列表-1li> 20 <li>無序列表-2li> 21 <li>無序列表-3li> 22 <li>無序列表-4li> 23 <li>無序列表-5li> 24 ul> 25 26 <ul type="square"> 27 <li>無序列表-1li> 28 <li>無序列表-2li> 29 <li>無序列表-3li> 30 <li>無序列表-4li> 31 <li>無序列表-5li> 32 ul> 33 34 <ol> 35 <li>有序列表li> 36 <li>有序列表li> 37 <li>有序列表li> 38 <li>有序列表li> 39 <li>有序列表li> 40 ol> 41 42 <ol type="1"> 43 <li>有序列表li> 44 <li>有序列表li> 45 <li>有序列表li> 46 <li>有序列表li> 47 <li>有序列表li> 48 ol> 49 50 <ol type="I"> 51 <li>有序列表li> 52 <li>有序列表li> 53 <li>有序列表li> 54 <li>有序列表li> 55 <li>有序列表li> 56 ol> 57 58 <ol type="i"> 59 <li>有序列表li> 60 <li>有序列表li> 61 <li>有序列表li> 62 <li>有序列表li> 63 <li>有序列表li> 64 ol> 65 66 <ol type="A"> 67 <li>有序列表li> 68 <li>有序列表li> 69 <li>有序列表li> 70 <li>有序列表li> 71 <li>有序列表li> 72 ol> 73 74 <ol type="a"> 75 <li>有序列表li> 76 <li>有序列表li> 77 <li>有序列表li> 78 <li>有序列表li> 79 <li>有序列表li> 80 ol> 81 82 <dl> 83 <dt>自定義列表dt> 84 <dd>內容dd> 85 <dt>自定義列表dt> 86 <dd>內容dd> 87 <dt>自定義列表dt> 88 <dd>內容dd> 89 dl> 90 <dl> 91 <dt>自定義列表dt> 92 <dd>內容dd> 93 <dt>自定義列表dt> 94 <dd>內容dd> 95 <dt>自定義列表dt> 96 <dd>內容dd> 97 dl>View Code
在HTML中提供了三種列表形式,即無序列表、有序列表以及自定義列表。其中無序列表的應用場景最多,自定義列表幾乎沒有被使用,有序列表只是在特殊的場合中使用。而且在使用有序列表的時候會遇到一個特別有意思的情況,就是有序列表的標記可以是數字,而數字足夠我們使用,但是英文字母的數量是有限的,那么在列表項超過了26個英文字母的時候會遇到什么情況呢?
<table align=”表格對齊方式”> <tr> <td align=”單元格水平對齊方式”>單元格內容td> <td valign=”單元格垂直對齊方式”>單元格內容td> <td colsspan=”單元格所跨列數”>單元格內容td> <td rowspan=”單元格所跨行數”>單元格內容td> tr> table>View Code
表格結構在互聯網早期被用作實現網頁的布局,但是現在表格只是用來呈現一些數據,因為表格結構會產生大量的標簽,而且一旦網頁結構改變,那么整個網頁的結構就需要改變,這點對于開發人員來說會特別的痛苦,所以后來就逐漸的拋棄了這種方式。在這里我們只要熟悉表格結構就好。
框架是互聯網早期的標簽,現在開發中基本上已經不再使用了,但是在一些早期的網站中還可以看到這些內容,所以有必要了解這些內容。常見的框架標簽包括
摘要:前言屆校招陸陸續續開始了,整理了一些高頻的面試題。標簽提供給頁面的一些元信息名稱值對,有助于。開啟缺點一個是不支持,另一個是一旦子元素的大小超過父容器的大小,就會出顯示問題。用于設置或檢索元素的縮放比例,值為即使用元素的實際尺寸。 前言 2019屆校招陸陸續續開始了,整理了一些高頻的面試題。 HTML部分 1. 什么是? DOCTYPE是html5標準網頁聲明,且必須聲明在HTML文檔...
摘要:前言屆校招陸陸續續開始了,整理了一些高頻的面試題。標簽提供給頁面的一些元信息名稱值對,有助于。開啟缺點一個是不支持,另一個是一旦子元素的大小超過父容器的大小,就會出顯示問題。用于設置或檢索元素的縮放比例,值為即使用元素的實際尺寸。 前言 2019屆校招陸陸續續開始了,整理了一些高頻的面試題。 HTML部分 1. 什么是? DOCTYPE是html5標準網頁聲明,且必須聲明在HTML文檔...
摘要:標簽用于表示代碼塊。而所有行的單元格都是表格的主要內容,因此都在標簽中。引入表格結構標簽,是為了更好的區分出各個單元格的含義。 本篇文章已授權微信公眾號 dasu_Android(大蘇)獨家發布 聲明 本系列文章內容全部梳理自以下四個來源: 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyhvae/web 作為一個前端小白,入門跟...
摘要:每個標簽可有一個獨立的號。該標簽是一個內聯元素,與塊級元素相反,內聯元素不會自動在前后自動放置換行符,因此內聯元素會默認在同一行顯示。 前端語言基礎:HTML5 & CSS (一) HTML5:超文本標記語言 (1) 基本概念 是由一系列成對出現的元素標簽(標記)嵌套組合而成 ( XML也是標簽構成的 ) 這些標簽以的形式出現,用于標記文本內容的含義 瀏覽器通過元素標簽解析文本內容并...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00