html基本标签
1、基础标签
<!-- 注释标签 -->
<h2>标题标签</h2> //最小到6
<font>字体标签</font> //属性:color、size、face(字体)
<i>斜体文字</i> <u>文字下滑线</u> <s>文字删除线</s>
2<sup>2</sup> //上方小字 CO<sub>2</sub> //下方小字
<br>换行  空格
<p>段落标签</p> //属性:align(left、center、right)
<center>居中标签</center>
<pre>预编译标签 保持原有格式不变</pre>
<big>比默认字号大一号</big>
<small>比默认字号小一号</small>
<hr/>分隔线 //属性:color、size、width、align
<img src = "路径\图片名"></img> //属性:width、height、border(边框)、alt(图片加载失败显示)
<div></div>块标签 <span></span>行标签
2、超链接标签
<a href = "要跳转的页面">跳转页面</a>
属性: target(_blank在新窗口打开 _self 在自身窗口打开链接页面)
name(标记)
<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" href="http://www.baidu.com"/> //矩形 xy坐标以及长宽
<area shape="circle" coords="300,400,300" href="http://www.baidu.com" target="_blank"/> //圆形 xy坐标以及半径
</map>
3、列表标签
1)有序列表
<ol> //属性:type(类型可以有 a A 1 II)、start(默认从1开始)
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
2)无序列表
<ul> //属性:type(几何图形,默认disk)
<li>第一项描述</li>
<li>第二项描述</li>
<li>第三项描述</li>
<li>第四项描述</li>
</ul>
3)自定义列表
<dl>
<dt>第一项
<dd>第一项描述
<dt>第二项
<dd>第二项描述
</dl>
4、表格标签
<table> //table、tr、td属性border、align、width、height、bgcolor、background
<caption>表格标题</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(左右合并个数)、rowspan(上下合并个数)
5、表单标签
<form action="#" method="get"></form> <!-- 表单的作用: 前台数据和后台的一个交互 -->
<!-- type 文本框的类型 value 默认值 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"/>蓝球 <input type="checkbox" name="ah" value="zq"/>足球 //多选按钮
<input type="File"/> //上传文件表单
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
6、框架标签
<!-- 注意:frameset标签和body标签不能共存 -->
<frameset rows="25%,*" border="5px" bordercolor="#cccc00" frameborder="1" framespacing="0px">
<frame src="标题页.html" noresize="noresize" marginheight="80px"/><!-- 上面的一块 -->
<frameset cols="20%,*">
<frame src="列表页.html" noresize="noresize" marginwidth="70px"/><!-- 下左 -->
<frame name="myright" scrolling="auto"/><!-- 下右 -->
</frameset>
</frameset>
7、 多媒体标签
1)<!-- bgsound 只支持IE 浏览器 -->
<bgsound id="sound" src="apple.mp3" loop="-1" volume="100%" autostart="true"/>
//loop 循环次数 volume 音量 autostart 是否自启
2)<!--audio支持声频资源 src资源路径 controls 控制面板 loop是否循环 autoplay 是否自动播放 -->
<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>