html5+css3 day1

特别鸣谢黑马程序员pink老师！此教程视频链接:web前端入门教程或在哔哩哔哩搜索黑马pink老师以下是我个人的学习笔记，有问题可以问我哦！

1.网站是网页的集合

2.网页通常是html格式的文件，它要通过浏览器来阅读。

4.网页中的基本元素:图片、链接、文字……常以.html或.html后缀结尾的文件，因此网页也称html文件

5.html语言:超文本标记语

所谓超文本:

①它可以加入图片、声音、动画……(超越文本限制)

②可以从一个文件跳转到另一个文件，与世界各地主机的文件连接(超级链接文本)

---

1.常见浏览器

2.浏览器内核

---

1.web标准

2.web标准的构成:结构、表现、行为

3.web标准提出的最佳体验方案:结构、样式、行为相分离

4.html结构相对重要

---

html(上)

目标

1.html标签是由尖括号包围的关键词

大部分是双标签:

＜html＞  ＜/html＞

极少为单标签:＜br /＞

2.标签关系:包含关系和并列关系

＜html＞

  ＜head＞

      ＜title＞＜/title＞

＜/head＞

  ＜body＞＜/body＞

＜/html＞

3.网页骨架标签

上面有此结构

4.VSCode的使用

* 新建文件(Ctrl N)

* 立即保存(Ctrl S),保存为.html文件

* Ctrl 加号键 可以缩放视图

* 生成页面骨架: ! Tab键

* 在浏览器中显示

5.VSCode插件安装

JS-CSS…请忽略

6.文档声明标签

。。。。。。 7.标签语义

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

8.标题标签

pink老师的口决

9.段落和换行标签

段落:＜p＞文本＜/p＞

换行:＜br /＞

10.文本格式化标签

为文字设置粗体、斜体…​

只需记住前两个

11.＜div＞和＜span＞标签

无语义，就是个盒子，用来布局

特点:＜div＞一行只能放一个--大盒子

＜span＞一行可以放多个--小盒子

12.图像标签 ＜img /＞

单独设置宽度，高度会自动成比例缩放 。。。。。。。

13.创建文件夹

目录文件夹:里面存放页面所需元素，如:html文件、图片…

根目录:打开目录文件夹的第一层就是根目录

14.相对路经

下一级，可看作src向与之并排的文件夹下找图片…

15.绝对路径

即目录下的绝对位置

也可以是完整的网络地址

16.超链接

语法格式:​

。。。。。。

类型:

17.特殊字符

只需记住﹤和﹥