day3 网页开发基础
网页结构
- 问题:网页是由什么构成的?
- 答:网页是由HTML标签、CSS和JS代码构成的
-
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:专业强,收费