基本元素串讲
标签一般配合属性使用。比如 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>