HTML常用标签复习

最新推荐文章于 2023-12-14 09:04:33 发布

原创最新推荐文章于 2023-12-14 09:04:33 发布 · 369 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #标签

其他语言专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍并演示了HTML中常见标签的使用方法，包括文本格式化、超链接、列表、表格和图片等元素的创建方式。通过实例展示了如何利用这些标签进行网页布局与内容组织。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>