您好,登錄后才能下訂單哦!
1、基礎(chǔ)標(biāo)簽
<!-- 注釋標(biāo)簽 -->
<h2>標(biāo)題標(biāo)簽</h2> //最小到6
<font>字體標(biāo)簽</font> //屬性:color、size、face(字體)
<i>斜體文字</i> <u>文字下滑線</u> <s>文字刪除線</s>
2<sup>2</sup> //上方小字 CO<sub>2</sub> //下方小字
<br>換行  空格
<p>段落標(biāo)簽</p> //屬性:align(left、center、right)
<center>居中標(biāo)簽</center>
<pre>預(yù)編譯標(biāo)簽 保持原有格式不變</pre>
<big>比默認(rèn)字號(hào)大一號(hào)</big>
<small>比默認(rèn)字號(hào)小一號(hào)</small>
<hr/>分隔線 //屬性:color、size、width、align
<img src = "路徑\圖片名"></img> //屬性:width、height、border(邊框)、alt(圖片加載失敗顯示)
<div></div>塊標(biāo)簽 <span></span>行標(biāo)簽
2、超鏈接標(biāo)簽
<a href = "要跳轉(zhuǎn)的頁面">跳轉(zhuǎn)頁面</a>
屬性: target(_blank在新窗口打開 _self 在自身窗口打開鏈接頁面)
name(標(biāo)記)
<a name="top"></a><a href="#bottom">跳到底部</a>
<a href="#top">跳到頂部</a> <a name="bottom"></a>
圖片上的超鏈接:
<img src="a.jpg" usemap="#mymap" width=500px height=500px></img>
<map name="mymap">
<area shape="rect" coords="100,20,30,30" /> //矩形 xy坐標(biāo)以及長(zhǎng)寬
<area shape="circle" coords="300,400,300" target="_blank"/> //圓形 xy坐標(biāo)以及半徑
</map>
3、列表標(biāo)簽
1)有序列表
<ol> //屬性:type(類型可以有 a A 1 II)、start(默認(rèn)從1開始)
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
<li>列表項(xiàng)</li>
</ol>
2)無序列表
<ul> //屬性:type(幾何圖形,默認(rèn)disk)
<li>第一項(xiàng)描述</li>
<li>第二項(xiàng)描述</li>
<li>第三項(xiàng)描述</li>
<li>第四項(xiàng)描述</li>
</ul>
3)自定義列表
<dl>
<dt>第一項(xiàng)
<dd>第一項(xiàng)描述
<dt>第二項(xiàng)
<dd>第二項(xiàng)描述
</dl>
4、表格標(biāo)簽
<table> //table、tr、td屬性border、align、width、height、bgcolor、background
<caption>表格標(biāo)題</caption>
<tr> //行
<th></th> <th></th> <th></th> //列
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
<tr>
<td></td> <td></td> <td></td>
</tr>
</table>
合并單元格 屬性:colspan(左右合并個(gè)數(shù))、rowspan(上下合并個(gè)數(shù))
5、表單標(biāo)簽
<form action="#" method="get"></form> <!-- 表單的作用: 前臺(tái)數(shù)據(jù)和后臺(tái)的一個(gè)交互 -->
<!-- type 文本框的類型 value 默認(rèn)值 name 名字 -->
<input type="text" value="" name="" size=""/> //普通表單
<input type="password" name=""/> //密碼表單
<input type="button" value=""/> //普通按鈕 <button>普通按鈕</button>
<input type="radio" name="sex">男<input type="radio" name="sex">女 //單選按鈕
<input type="checkbox" name="ah" value="lq"/>藍(lán)球 <input type="checkbox" name="ah" value="zq"/>足球 //多選按鈕
<input type="File"/> //上傳文件表單
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
6、框架標(biāo)簽
<!-- 注意:frameset標(biāo)簽和body標(biāo)簽不能共存 -->
<frameset rows="25%,*" border="5px" bordercolor="#cccc00" frameborder="1" framespacing="0px">
<frame src="標(biāo)題頁.html" noresize="noresize" marginheight="80px"/><!-- 上面的一塊 -->
<frameset cols="20%,*">
<frame src="列表頁.html" noresize="noresize" marginwidth="70px"/><!-- 下左 -->
<frame name="myright" scrolling="auto"/><!-- 下右 -->
</frameset>
</frameset>
7、 多媒體標(biāo)簽
1)<!-- bgsound 只支持IE 瀏覽器 -->
<bgsound id="sound" src="apple.mp3" loop="-1" volume="100%" autostart="true"/>
//loop 循環(huán)次數(shù) volume 音量 autostart 是否自啟
2)<!--audio支持聲頻資源 src資源路徑 controls 控制面板 loop是否循環(huán) autoplay 是否自動(dòng)播放 -->
<audio src="apple.mp3" controls="controls" loop="loop" autoplay="true"></audio>
3)<!-- embed 大部分瀏覽器只支持聲頻的播放 歐朋瀏覽器可以支持視頻播放 -->
<embed src="monkey.mp4" autostart="true" loop="true"></embed>
4)<video controls="controls" autoplay="true">
<source src="monkey.mp4" type="video/mp4"></source>
</video>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。