文本标签
<h1></h1> -<h6></h6> 标题字体大小
<i>斜体</i> <em>强调斜体</em> <b>加粗</b> <strong>强调加粗</strong> 强调在搜索引擎搜索排名的字比较靠前,搜索优化
<u>下划线</u> <sub>下标</sub> <sup>上标</sup> <del>删除线</del>
格式化标签
换行</br> <p>分段</p> 分隔线</hr> <ul> <li></li><li></li> </ul> 无序列表 <ol> <li></li><li></li> </ol> 有序列表
<dl> <dt>表头</dt><dd>有缩进</dd> </dl> 自定义列表 <div></div>(布局)组合块级标签,通过CSS对元素格式化
<span></span> 包含文本,通过CSS定义样式,或使用js进行操作
图片标签
<img src="路径" width = "400" />
可添加属性:
src:图片名及url地址 alt:图片加载失败时提示信息 title:鼠标在图片上显示文字提示
width:height:图片宽高一般只设置一个 border:变宽线粗细
超级链接标签
<a href="" target="" title=""></a>
href:(必须)跳转地址
target:连接打开方式(_blank 新窗口_parent父窗口 _self(默认,本窗口) _top顶级窗口 _framename窗口名)
title:鼠标在超链接上显示文字提示
锚点连接:
定义一个锚点:<a id="a"></a> 使用锚点:<a href="#a">跳到a处</a>
表格标签
<table border="1" width="" cellspacing="0" cellpadding="4">
<caption>表格标题</caption>
<tr>
<th></th>
<th></th>
<th></th>
<tr/>
<tr>
<th rowspan="2">跨行标签</th>
<th></th>
<th colspan="2">跨列标签</th>
<tr/>
<tr>
<th></th>
<th></th>
<tr/>
</table>
<thead>表头</thead> <tbody>表体</tbody> <tfoot>表尾</tfoot>
表单
<form action="" method="post">
<input type="" name="" placeholder="提示信息"/>
type:text/password
性别:<input type="radio" name="sex" checked value="1"/男 checked默认选择
<input type="radio" name="sex" value="2"/>女
多选:
<input type="chekbox" name="likes[]" value="1"/>
<input type="chekbox" name="likes[]" value="2"/>男
<input type="chekbox" name="likes[]" value="3"/>男
<input type="file" name="l" />选择文件上传
普通按钮:<input type="button" name="l" />选择文件上传
下拉框:<select>
<option value="1" selected></option> selected默认选择
<option value="2"></option>
</select>
区域输入:<textarea name="" rows="" cols="">rows行cols列</textarea>
<input type="submit" name="提交" />
<input type="reset" name="重置" /> 恢复到页面的开始状态
<input type="hidden" name="id" value="100"/> 隐藏域
disabled 禁用
</form>
行内框架(页面下子页面)
<a href="" target="src">打开的页面显示在子页面内</a>
<a href="" target="src"></a>
<iframe src="src" width="" height>
</iframe >
多媒体标签(对应流媒体服务器)
<audio src="" controls>不支持播放</audio>
<audio controls="">
<source src ="" type="audio /mpeg" />
不支持播放
</audio>
<video controls="" w h>
<source src ="" type="video/mp4" />
不支持播放
</video>
<video controls loop poster="图片地址">
<source src ="" type="video/mp4" />
<source src ="" type="video/mp4" />
不支持播放
</video>
<embed src="" width height />