HTML中的标签、元素、属性和值_html的属性和属性值-优快云博客

本文链接：https://blog.youkuaiyun.com/LazyCode_Cat/article/details/61913117

本文详细介绍了HTML的基本概念，包括标签分类、元素构成及属性定义等内容，并提供了常见标签的使用示例。

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

html :超文本标记语言。
     一个标准的html文件由html元素、元素的属性和相关属性值3个基本部分构成。其中，元素的各项属性定义元素的样式和功能，例如name命名属性、href目标地址链接属性等。这些属性又由它们各自特定类型的属性值定义，例如长度类型、URI类型等。   
在HTML中，标签名是大小写不敏感的，就是说不区分大小写。      
 一、标签的分类：          
        单标签<标记名/>            也叫非封闭标签，如： <br>、<img>
        双标签<标记名></标记名>：   也叫封闭标签，如：<html></html>

二、按作用可以将标签划分为：
   注释标签：  <!-- 注释 --> 注释不可以嵌套在其他注释之中，不可以位于<>之中
   根标签: <html></html>
   段落标签: <p></p>
   标题标签: <h1></h1>
三、基本标签：                                                                                                                                                                                              <!doctype html> 是对文档类型的声明，声明其实不止一种的，HTML、XHTML比较严格，HTML5相对来说比较宽松,都是w3c的一个标准
 <head></head>元素用于为页面定义全局信息，包含的元素有：title，meta，script，style，link
 注：head里面的title和其他元素属性里面的title是不一样的，要注意,head里面的title是用于定义文档的标题
 <meta>用于定义网页的基本信息：
    <META NAME="Generator" CONTENT="EditPlus">  --定义该网页是用什么工具生成的
    <META NAME="Author" CONTENT="">    --该网页的作者姓名
    <META NAME="Keywords" CONTENT="">  --关键词，一般不超过3个，否则可能不合法
    <META NAME="Description" CONTENT="">  --添加描述
 　    <META charset="UTF-8"> --定义代码格式
 <body></body>里面的标签：
 <h1></h1>：标题标签,标题标签只有h1到h6!!!!
 <p></p>:段落标签，可以方便修改属性，如果直接写在<body>里面的话就不好修改属性了
四、元素：每对尖括号<>里面所包含的东西，如<head></head>中，head是标题元素
 元素的嵌套：
 <body>    ---开始标记
   <p>段落</p>  ---p元素
 </body>   ---结束标记
 开始和结束标记整个是个body元素

五、属性和值：
语法：<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值">内容</标签名>
属性一般由属性名和值成对出现。  标签可以有属性，它包含了额外的信息，属性的值一般要在引号中（有时也可以不加引号）； 标签可以拥有一个或多个属性，也可以没有属性； HTML属性一般都出现在HTML标签中，HTML属性是HTML标签的一部分。有些人把元素称作标签（如“P标签”）。需要记住的是，元素是一码事，标签（不论是开始标签还是终止标签）是另一码事。例如，head元素总是存在的，即使它的开始标签和终止标签都没有也是如此。

<p align="center"> this is p!</p>
align就是属性名，center就是属性值，是修饰p元素的。属性值加不加双引号都是可以的，最好加上双引号。一个元素的属性是可以有多个的，排列是不分先后的，如<p align="center" id="p"> this is p!</p>

标准属性（公共属性，通用属性）：是大部分标签所具备的属性，如：
 id：定义所在标签的唯一标记名称，例<p align="center" id="p"> this is p!</p>
 title：鼠标移入到当前标签所在区域时所显示的文字，例<p align="center" title="p"> this is p!</p>
 class：引用样式表当中的指定类样式
 style：定义当前标签的行内样式