标签的属性

2023-03-21 21:40:56 浏览数 (1)

基本元素串讲

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

一、属性的定义

  • 属性用于对标签进行配置,以达到某个功能或效果
  • 标签以 属性名="值" 的形式出现,一般VSCode都会给提示
  • 大部分标签都有相同的属性,记住常用的属性就可以了
    • id 标签的唯一标记
    • style 样式属性
    • class 样式选择器属性
    • name 名字属性,一般 form 中的标签用的比较多
    • value 值
    • type 类型,比如 input 标签有多种类型
  • 也可以自定义属性

二、代码实战

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

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

代码语言:javascript复制
<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>标签的属性</title>
    </head>
  
    <bodyid="mybody"style="background-color: red;"class="ddd">
        <inputmyValue="sddd"id="username"name="username"value="hello world"/>
    </body>
  
</html>

0 人点赞