非零基础自学前端最后一遍一 HTML+CSS 1 你的第一个网页 1.5 元素的属性和属性分类

╰半橙微兮° 2024-03-26 18:58 35阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  1 你的第一个网页
         *   *  1.5 元素的属性和属性分类
             *   *  1.5.1 元素的属性
                 *  1.5.2 属性的分类
                 *  1.5.3 元素的结构总结

![在这里插入图片描述][f2d1b253e57f40f3a6285e7f1d3e9bf5.png_pic_center]

#### 一 HTML+CSS ####

#### 1 你的第一个网页 ####

##### 1.5 元素的属性和属性分类 #####

###### 1.5.1 元素的属性 ######

*  元素也可以拥有属性（Attribute）：
    
    ![在这里插入图片描述][a708743bb84c4bba8a9b6139cb5b4234.png_pic_center]
 *  属性包含元素的额外信息，这些信息不会出现在实际的内容中。
 *  一个属性必须包含如下内容：
    
    1.  一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
    2.  属性名称，后面跟着一个等于号。
    3.  一个属性值，由一对引号“ ”引起来。
 *  创建一个超链接元素a：
    
    ![在这里插入图片描述][5a47850799c24660a9141629a00f73fb.png_pic_center]

###### 1.5.2 属性的分类 ######

*  有些属性是公共的，每一个元素都可以设置
    
     *  比如class、id、title属性
 *  有些属性是元素特有的，不是每一个元素都可以设置
    
     *  比如meta元素的charset属性、img元素的alt属性等
 *  不用去记忆，后续学到的时候自然就知道了

###### 1.5.3 元素的结构总结 ######

元素的结构回顾：

![在这里插入图片描述][3dcfae7bb72d4faba0f4bdccdf37ddda.png_pic_center]

[f2d1b253e57f40f3a6285e7f1d3e9bf5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/7c2ef89a778445778549b53c3a4d32c2.png
[a708743bb84c4bba8a9b6139cb5b4234.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8834150664454e76b916d9547b90284b.png
[5a47850799c24660a9141629a00f73fb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/5fc15e3ae8ea444fb61b5b9ef83e9601.png
[3dcfae7bb72d4faba0f4bdccdf37ddda.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/3dbd9dd89b974af3ab0d6691924430b7.png