您的位置：首页 > Web前端 > HTML

HTML常用标签复习

2016-03-20 15:29 351 查看

<html>
<head>
<!--title标签-->
<title>HTML常用标签使用演示</title>
</head>

<body>
<!--超链接标签：用于定位页面顶部-->
<a name = "top">顶部</a>
<!--换行标签-->
<br/>
<!--文字标签-->
<font size = "5" color = "red">这是一行文字！</font>
<br/>
<font size = "5" color = "green">这是一行文字！</font>
<br/>
<!--其中包含特殊字符空格字符的转义 -->
<font size = "5" color = "blue">这是一行     文字！</font>
<!--标题标签，分级：h1-h6依次降级，标题标签可以自动换行-->
<h1>标题一</h1>
<h2>标题二</h2>
<!--水平线标签-->
<hr size = "5" color = "blue"/>
<!--超链接标签：用于链接另外一个html页面文件-->
<a href = "www.baidu.com.html" target = "_blank">这是一个链接</a>
<br/>

<!--列表标签-->
<dl>
<dt>商品</dt>
<dd>服饰</dd>
<dd>食品</dd>
<dd>图书</dd>
</dl>
<!--有序列表标签-->
<ol>
<li>服饰</li>
<li>食品</li>
<li>图书</li>
</ol>
<!--无序列表标签-->
<ul>
<li>服饰</li>
<li>食品</li>
<li>图书</li>
</ul>
<!--表格标签-->
<table border = "1" bordercolor = "blue" cellspacing = "0" width = "200" height = "100">
<caption>人员信息</caption>
<tr align = "center">
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
<tr align = "center">
<td>kellie</td>
<td>24</td>
<td>女</td>
</tr>
</table>
<!--图像标签-->
<img src = "xiaoyang.jpg" width = "300" height = "400" alt = "美女">
<br/>
<!--超链接标签：用于回到页面顶部-->
<a href = "#top">回到顶部</a>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航