在HTML中,表示是通过使用各种标签来完成的,HTML(超文本标记语言)是一种用于创建网页的标准标记语言,它使用一系列预定义的标签来描述网页的结构和内容,这些标签通常成对出现,一个表示开始,另一个表示结束,下面我们将详细介绍HTML中的常用标签及其用法。
常用的HTML标签
1、文档类型声明(<!DOCTYPE html>)
文档类型声明是HTML文档的第一行,它告诉浏览器如何解析和渲染页面,通常情况下,我们需要添加以下代码:
<!DOCTYPE html>
2、<html>
标签
<html>
标签是整个HTML文档的根元素,包含了所有的其他HTML元素。
<html> <head> <title>网页标题</title> </head> <body> <h1>一级标题</h1> <p>这是一个段落。</p> </body> </html>
3、<head>
标签
<head>
标签包含了文档的元信息,如字符集、视口设置、样式表链接和脚本链接等。
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <script src="scripts.js"></script> </head>
4、<title>
标签
<title>
标签定义了网页的标题,显示在浏览器的标签页上。
<title>网页标题</title>
5、<body>
标签
<body>
标签包含了网页的所有可见内容,如文本、图片、链接等。
<body> <h1>一级标题</h1> <p>这是一个段落。</p> <img src="image.jpg" alt="图片描述"> </body>
6、<h1>
到 <h6>
标签
<h1>
到 <h6>
标签用于定义不同级别的标题,<h1>
是最大的标题,<h6>
是最小的最高级别标题。
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
7、<p>
标签
<p>
标签用于定义段落。
<p>这是一个段落。</p>
8、<a>
标签(锚点)
<a>
标签用于创建超链接,点击后可以跳转到其他页面或同一页面的其他位置。
<a href="https://www.example.com">访问示例网站</a>
9、<img>
标签(图片)
<img>
标签用于插入图片,需要指定图片的源地址(src)和替代文本(alt)。
<img src="image.jpg" alt="图片描述">
10、<ul>
和 <li>
标签(无序列表)以及 <ol>
和 <li>
标签(有序列表)用于创建列表。
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/278572.html