Html常用标签及全称

 

<!-- 块标签 divsion -->
<div></div>

 

<!--br 换行    break-->

<br />

 

<!--分割线 horizontal-->
<hr />

 

<!--段落标签 paragraph-->
<p></p>

 

<!--文本标签 span-->
<span></span>

 

<!-- imges 图片标签 -->
<!-- alt加载失败时进行标识 -->
<!-- title鼠标移入时图片内容描述 -->
<img src="./test.png" alt="标题图片加载失败" title="背景描述"><br/>

 

<!--下划线文本 u-->
<u></u>

 

<!--删除线文本  delete-->
<del></del>

 

<!--强调语气  emphasize-->  

<em></em>

 

<!--超级链接 a-->
<!--跳转方式 target-->
<!-- _blank 打开新的标签页 -->
<!-- _selt 自身标签页跳转链接 -->
<a href="https://www.baidu.com/" target="_blank">百度一下</a><br/>
<a href="https://www.baidu.com/" target="_self">百度一下2</a><br/>

 

<!--video 定义视频播放 controls 控制器 autoplay 打开网页自动播放-->
<video width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</video>

<!--audio 定义音频播放 controls 控制器 autoplay 打开网页自动播放-->
<audio width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</audio>

 

<!--boder 外边框大小 cellspacing 单元格之间的间距 cellpadding 单元格内容距边框距离   align 浏览器的对齐方式 (center right left) bgcolor 背景颜色 caption 表格标题-->
<table border="1" width="600px"; height="300"; cellspacing="10" cellpadding="20" align="right" bgcolor="red">

<tr>
<td></td>
<td></td>
<td></td>
<!--<td></td>-->
<td></td>
<td></td>
<td></td>
<td></td>
<!--<td colspan="2"></td>-->
<!--<td></td>-->
</tr>
</table>

 

 

<form action="" method="" name="">
<!--input 复选框-->
<!--checked 默认值选中-->
<input type="checkbox" checked="checked" id="" />

<!--text 文本内容 size 表单大小 value 默认值-->
<input type="text" size="20" value="hello world"/>

<!--password 密码输入 placeholder 提示输入信息-->
<input type="password" placeholder="请输入密码"/>

<!--button 按钮-->
<input type="button" value="按钮" />

<input type="submit" name="" id="" value="提交" />

<input type="reset" name="" id="" value="重置" />

<button name="Button Demo">按钮测试</button><br />

<!--radio 单选按钮-->
男:<input type="radio" name="sex" id="" value="" />
女:<input type="radio" name="sex" id="" value="" />

<!--select 下拉框-->
<select name="" id="">
<option value="">北京</option>
<option value="">澳门</option>
<option value="">香港</option>
</select>

<!--min 最小值 max 最大值 number 输入类型限制数字-->
<input type="number" id="num" min="1" max="10"/>
<input type="email" name="" id="" value="" />

<!--textarea 文本域 rows 高度 cols 宽度-->
<textarea name="" rows="10" cols="20"></textarea>


<!--fieldset 区域边框 legend 定义一个标题-->
<fieldset id="">
<legend>信息</legend>
用户:
<input type="text" name="" id="" value="请输入用户名" /><br/>
密码:
<input type="password" name="" id="" value="请输入密码" /><br/><br/>
上传文件:
<input type="file" name="" id="" value="" />
</fieldset>

</form>

 

<!-- 默认type类型为实心小圆点(disc) -->
<ul type="disc">
<li>罗马</li>
<li>埃及</li>
<li>汉朝</li>
</ul>

<!-- type类型为空心小圆点(circle) -->
<ul type="circle">
<li>罗马</li>
<li>埃及</li>
<li>汉朝</li>
</ul>

<!-- type类型为实心的正方形(square) -->
<ul type="square">
<li>罗马</li>
<li>埃及</li>
<li>汉朝</li>
</ul>

 

<!--boder 外边框大小 cellspacing 单元格之间的间距 cellpadding 单元格内容距边框距离
align 浏览器的对齐方式 (center right left) bgcolor 背景颜色 caption 表格标题-->
<table border="1" width="600px"; height="300"; cellspacing="10" cellpadding="20" align="right" bgcolor="red">
<caption>表格</caption>
<!--colspan 列向右合并从自身算起 rowspan 行向下合并从自身算起-->
<tr>
<td colspan="2"></td>
<!--<td></td>-->
<td>666</td>
<td rowspan="2"></td>
<td>888</td>
<td>88888</td>
<td></td>
<td></td>
<td colspan="2" rowspan="2"></td>
<!--<td></td>-->
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<!--<td></td>-->
<td></td>
<td></td>
<td></td>
<td></td>
<!--<td colspan="2"></td>-->
<!--<td></td>-->
</tr>
</table>

<!--video 定义视频播放 controls 控制器 autoplay 打开网页自动播放-->
<video width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</video>

<!--audio 定义音频播放 controls 控制器 autoplay 打开网页自动播放-->
<audio width="800" height="" controls autoplay>
<source src="./movie.mp4" type="video/mp4"></source>
</audio>

posted @ 2017-11-28 15:38  言成于思  阅读(354)  评论(0编辑  收藏  举报