什么是HTML、css？
做网站的编程语言。
-
浏览器解析后的样子就是我们看到的网站，如何看网站的代码？通过鼠标右键选择看网页源代码。
-
如何去写代码？写到哪里呢？
一个网站由N个网页构成。每一个网页.HTML文件
-
VS Code
-
学习编辑器基本使用？
设置：文件→首选项→设置（大小、是否换行Word wrap）
创建文件、创建文件夹、重命名和删除、搜索
Ctrl+s:保存
Ctrl+a：全选
Ctrl+x、c、v：剪切、复制、粘贴
Ctrl+z、y：撤销、前进
Shift+end、home：从头、尾选中一行
Shift+alt+↓：快速复制一行
Alt+↑或↓：快速移动一行
Tab：向后缩进
Tab+shift：向前缩进
多光标：alt+鼠标左键
Ctrl+d：选择相同元素的下一个
-
Chrome浏览器
-
深入了解网站开发
Ui设计师：设计稿
Web前端开发工程师（h5开发）
设计稿→代码
数据库里的数据→显示到页面
HTML+css
HTML：结构
Css：样式
JavaScript：行为
Web后端开发工程师
-
Web三大核心技术
HTML
Css
JavaScript
-
HTML基础结构与属性
HTML：超文本 标记 语言
超文本：文本内容+非文本内容（图片、视频、音频等）
标记：<单词>
语言：编程语言
标记也叫标签
< >
写法分成两种：
单标签：<header>
双标签：<header></header>
创建标签的快捷键：单词+tab健→<单词>
标签可以上下排列，也可以组合嵌套
标签的属性：修饰标签，设置当前标签的一些功能。
<标签 属性=“值” 属性2=“值2”>
-
HTML初始代码
每个.HTML文件都有的代码叫做初始代码，要复合HTML文件的规范写法。
！+tab健：快速的创建HTML的初始代码
<!DOCTYPE html> 文档声明：告诉浏览器这是一个html文件
<html lang=“en”>html文件的最外层标签：包裹着所有html标签代码 lang=“en”表示是一个英文网站 lang=“zh-CN”表示一个中文网站
<head>
<meta charset=“UTF-8”>元信息：是编写网页中的一些赋值信息
<title>Document</title>设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>
-
HTML注释
写法：<!-- -->在浏览器中看不到，只能在代码中看到注释的内容
意义：
- 把暂时不用的代码注释起来，方便以后使用。
- 对开发人员进行提示
- 快捷添加注释与删除注释：
- Ctrl+/
- Shift+alt+a。
-
标题与段落
标题→双标签：<h1></h1> <h6></h6>
在一个网页中，h1标题最重要，并且一个.HTML文件中只能出现一次h1标签
H5、h6标签在网页中不经常使用
段落→双标签：<p></p>
-
文本修饰标签
强调→双标签：<strong></strong>、<em></em>
区别：
写法和展示效果有区别，一个加粗，一个斜体
Strong的强调性更强，em的强调性稍弱
下标→<sub></sub>,上标文本<sup></sup>
删除文本<del></del>,插入文本<ins></ins>
-
图片标签与图片属性
img→单标签
src：引入图片的地址
alt：当图片出现问题的时候，可以提示一段友好的提示文字。
Title：提示信息
Width、height：图片的大小
-
引入文件的地址路径
相对路径：
.在路径中表示当前路径
..在路径中表示上一级路径
绝对路径：
E:/ / / /
1391
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
