day3 网页开发基础
网页结构
- 问题：网页是由什么构成的？
-
HTML标签就是网页的源代码
- 三部分：
- 结构：HTML
- 样式：CSS
- 动作：JavaScript
- HTML：超文本标记语言
-
HTML的标签都是有结构的 <!DOCTYPE html>文档声明 指定网页的类型此方式表示使用的标准为H5。
<html></html>:必须有HTML标签，只能有一对，被称为根元素
<head></head>:网页的头部
<body></body>:网页主体
元素和属性
知识点：
? - 元素和属性
描述：
? 元素：我们将网页中一个完整的标签称为元素，元素和标签是同义词
? 比如：
<h1>称为h1标签或h1属性</h1>
? 属性：
- 我们可以为每个标签设置属性
? 例如：
<div id=''></div>
-
通过属性可以为标签添加附加信息 ? 例如：
<div id='box1'></div>
- 属性需要设置在开始的标签中，少设置在结束标签中
- 属性设置的语法：属性名=‘属性值’，属性值要加引号
常见的属性值：
- id
- class
注释
描述：对代码进行解释说明
- 注释的内容不在页面中显示
- 合理的注释可以帮助我们理解代码
- 注释的语法：<!-- -->
- 注释不能嵌套
环境搭建（前端开发工具）
描述：
- VSCode：微软的开发工具，免费
- 插件：
- [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IPLX6KUw-1626258383934)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\1626253550399.png)]
- webStorm：专业强，收费
|