HTML 的使用
- 插件工具:emmet:代码提示及模块代码的应用,vscode 已自带该插件
- 如:使用!+Tab 键自动生成 html 默认头文件
HTML 基础
HTML 组成:三部分
- 文本
- 资源:图片、视频、音频等
- 标记:对文本、资源的描述
HTML :超文本的标记语言
- 超链接、文本、固定标记,非编程语言,只是标记内容
<!-- html 文件头 -->
<!DOCTYPE html>
<!-- 设定语言 -->
<html lang="en">
<head>
<!-- meta: 元数据:为数据解释的数据 -->
<!-- charset:字符编码集,UTF-8:国际通用 -->
<meta charset="UTF-8" />
<!-- 适配屏幕的属性,针对移动端:高度不设定可滚动,宽度适配屏幕,及缩放属性 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 文件标题 -->
<title>Document</title>
</head>
<body>
<!-- 正文 -->
</body>
</html>
元素、属性、值
- 属性和值构成元素
- 元素:空元素、非空元素
- 非空元素:有开始和结束标签,有值
- 空元素:只有一个开始标签,无值,内容为属性中对其他资源的引用
- 属性:固定、预设的指定格式
- 值:可视文本内容
- 表单元素:多个子元素构成,作用是用户与服务器交互数据