HTML常用标签

@动感superman

已于 2024-10-13 16:43:50 修改

阅读量233

点赞数 16

文章标签： html css 前端

于 2024-09-08 18:37:50 首次发布

本文链接：https://blog.csdn.net/2301_80208072/article/details/142030464

版权

一、HTML骨架标签

基本骨架标签有：

标签名	定义
<!DOCTYPE html>	文档类型声明
<html></html>	HTML标签
lang="en"	页面语言
<head></head>	文档的头部
<title></title>	文档的标题
<body></body>	文档的主体

以下是html骨架格式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

二.html常用标签

<html>：定义HTML文档的根元素。

<head>：定义HTML文档的头部。

<title>：定义HTML文档的标题。

<body>：定义HTML文档的主体。

<h1>到<h6>：定义HTML文档的标题，h1表示最高级别标题。

<p>：定义一个段落。

<a>：定义一个超链接。

<img>：定义一个图像。

<ul>：定义一个无序列表。

<ol>：定义一个有序列表。

<li>：定义列表中的一个项目。

<div>：定义一个文档内的块级容器。

<span>：定义文档内的行内容器。

<table>：定义一个表格。

<tr>：定义表格中的一行。

<td>：定义表格中的一个单元格。

<form>：定义一个表单。

<input>：定义一个输入字段。

<button>：定义一个按钮。

<select>：定义一个下拉列表。

这些是HTML中最常见的标签，还有许多其他标签可用于创建和布局网页。

三.标题字标签

标题字标签可以是以下几种形式：

<h1>：代表最高级别的标题，一般用于页面的主要标题。
<h2>：代表次级标题，一般用于页面的子标题。
<h3>-<h6>：分别代表更低级别的标题，用于进一步细分页面内容。
<span>：用于对标题文字进行样式设置，例如改变字体颜色、大小等。
<div>：可以用于对标题进行包裹处理，添加额外的样式或功能。

例子：

<!DOCTYPE html>
<html>
  <head>
    <style>
      h3 {
        text-align:center; /* 设置三级标题的对齐方式*/
      }
</style>
  </head>
  <body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4 align="left">四级标题</h4><!--设置四级标题左对齐方式-->
    <h5 align="center">五级标题</h5><!--设置五级标题中间对齐方式-->
    <h6 align="right">六级标题</h6><!--设置六级标题右对齐方式-->
  </body>
</html>

运行效果：

四.段落标签

段落标签是在HTML中用来标记和定义段落的元素。最常用的段落标签是<p>标签，它表示一个段落的开始和结束。在使用<p>标签时，浏览器会自动在每个段落之间添加一些空间，以实现段落间的分隔。

除了<p>标签之外，还有一些其他的段落标签可以用来标记特定类型的段落。例如，<h1>到<h6>标签用于标记不同级别的标题，<blockquote>标签用于引用，<pre>标签用于显示预格式化的文本等。

段落标签不仅可以用于文本内容，还可以用于其他类型的内容，如图像、表格等。在这种情况下，段落标签被用来组织和布局内容。

使用段落标签可以提高代码的可读性和可维护性，同时还可以帮助搜索引擎理解页面的结构和内容。

五.hr的属性值

<hr>标签表示的是一条水平线，以下是设置 hr 的属性。

作用	属性名
居中显示	align
右边	right
左边	left
居中	center
宽度	width
阴影	noshade
颜色	color
像素	size

代码演示：

    1111111111111111111111<br>
    <hr color="red"  size="10"  width="500" align="left" noshade="noshade">
    2222222222222222<br>
    <hr color="green" >
    333333333333<br>
    <hr>
    444444444444

运行效果：