• 目录

标签的属性

阅读量: 508 编辑

基本元素串讲

标签一般配合属性使用。比如 style 属性可以修饰标签(大小、颜色、位置等),style的值就是样式表的内容。

一、属性的定义

  • 属性用于对标签进行配置,以达到某个功能或效果

  • 标签以 属性名="值" 的形式出现,一般VSCode都会给提示

  • 大部分标签都有相同的属性,记住常用的属性就可以了

    • id 标签的唯一标记

    • style 样式属性

    • class 样式选择器属性

    • name 名字属性,一般 form 中的标签用的比较多

    • value 值

    • type 类型,比如 input 标签有多种类型

  • 也可以自定义属性

二、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 05-attribute.html ,编写下方程序,运行看看效果吧


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>标签的属性</title>
    </head>
    
    <body id="mybody" style="background-color: red;" class="ddd">
        <input myValue="sddd" id="username" name="username" value="hello world" />
    </body>
    
</html>

  • 目录