- 腳注釋 是內(nèi)聯(lián)元素(inline element)
全稱:subscripted 下標(biāo)標(biāo)簽
全稱:superscripted 上標(biāo)標(biāo)簽
//偏上
前端<sup><a href="">[1]</a></sup>
//10的5次方
10<sup>5</sup>
//Na正1價
Na<sup>+</sup>
//偏下
前端<sub><a href="">[1]</a></sub>
//硫酸
H<sub>2</sub>SO<sub>4</sub>
- span標(biāo)簽 包含某一范圍 內(nèi)聯(lián)標(biāo)簽 比較常用
<p><span id="web" style="color: blue">前端</span>工程師</p>
<script type="text/javascript">
var s= document.getElementById('web');
console.log(s.innerText)
</script>
- 序列列表
ul ol li 都是塊級元素 block element
ol 有序列表 order list
ul 無序列表 unorder list
<ol type = "a">
<li>HTML</li>
<li>Ruby</li>
<li>Matlab</li>
<li>purl</li>
</ol>
<ol type = "a" start="10">
<li>HTML</li>
<li>Ruby</li>
<li>Matlab</li>
<li>purl</li>
</ol>
type 可以是 a A 1 I i
字母a A 如果行數(shù)大于26 會是aa/AA接著排
start 除了數(shù)字其他都不行
<ol type = "1" start="10" reversed ="reversed">
<li>HTML</li>
<li>Ruby</li>
<li>Matlab</li>
<li>purl</li>
</ol>
倒序排列
<ul type="disc">
<li>HTML</li>
<li>Ruby</li>
<li>Matlab</li>
<li>purl</li>
</ul>
type:
disc 小圓點(diǎn)(默認(rèn))
square 正方形
circle 空心圓
- dl definition list 定義列表 塊級元素
dt definition term 項
dd definition description 描述
<dl>
<dt>我的夢想</dt>
<dd>想成為WEB前端</dd>
</dl>
- select 下拉
<select name="" id ="">
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
- table 表格
caption 標(biāo)題標(biāo)簽
tr table row 表格行標(biāo)簽
th table header cell 表頭標(biāo)簽
td table date cell 單元格標(biāo)簽
border 邊框 單位是 px
cellpadding 單元格內(nèi)邊距 單位是px
cellspacing 單元格間距 單位是 px
colspan 列合并
align="center|left|right"
th默認(rèn)是居中
td默認(rèn)是居左
thead:表格頁眉標(biāo)簽 table head
tfoot:表格頁尾標(biāo)簽 table foot
tbody:表格的主題標(biāo)簽 table body 一旦使用 三個標(biāo)簽都得用 即使為空
加載順序 thead -> tfoot ->tbody
<table border="1" cellpadding="10" cellspacing="10">
<caption>學(xué)生表</caption>
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">xxx</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>張三</td>
</tr>
<tr>
<td colspan=" 2" align="right">zzz</td>
</tr>
<tr>
<td>2</td>
<td rowspan="2">李四</td>
</tr>
<tr>
<td>3</td>
</tr>
</tbody>
</table>
- frame 框架
對搜索引擎不友好
http請求多
寫這個,不能寫body了 - iframe
對搜索引擎不友好
滾動條體系混亂
可以寫在body內(nèi) 內(nèi)聯(lián)框架
內(nèi)聯(lián)塊級元素
屬性:
frameborder ="1|0" 邊框
scrolling = "yes|no|auto" 滾動條
<p>
<a target="mainFrame">京東網(wǎng)</a>
<a target="mainFrame">淘寶網(wǎng)</a>
<a target="mainFrame">天貓網(wǎng)</a>
</p>
內(nèi)聯(lián)
<iframe width="100%" height="1000" src="https://www.jd.com" name="mainFrame">
</iframe>
