标签的属性

鹤川

发布于 2023-03-21 21:40:56

1.2K0

发布于 2023-03-21 21:40:56

文章被收录于专栏：鹤川博客

基本元素串讲

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

一、属性的定义

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

二、代码实战

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

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

<!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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

html