前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程

一、HTML认知

1.把后缀改成“.html”可以把打开页面变成网页

2.<strong>想要加粗的文字</strong>

3.HTML页面固定结构

4.英文状态下的！+enter可以把骨架搞出来

5.注释的快捷键：ctrl+/

6.标签有父子（嵌套）关系和兄弟（并列）关系

标签语义化：

7.【排版标签】

【标题标签】<h1> </h1>

总共只有6级标题 打出h1直接enter即可

ctrl+D可以同时选中下一个相同的数字

【段落标签】<p> </p>

打出p直接enter即可

【换行标签】<br>

打出br直接enter即可

【水平线标签】<hr>

打出hr直接enter即可

8.【文本格式化标签】

9.【媒体标签】

【图片标签】<img src=" " alt=" ">

scr:

alt:

title:

width和height:

只给出一个值比较方便，图片不会变形

【路径】分为绝对路径（了解）和相对路径（常用）

同级：当前文件和目标文件在同一目录中，故

下级：目标文件在下级目录中，故

上级：目标文件在上级目录中，故

返回一级../ 返回两级.../ 之后类推

【音频标签】<audio src=" "></audio>

谷歌不可以让音频自动播放

【视频标签】<video src=""></video>

谷歌可以让视频自动播放，但是静音状态muted

10.【链接标签】<a href=" ">超链接名</a>

当我们还不知道跳转地址的时候，href的值书写#（空链接）

11.【综合案例】

index.html——>首页面

二、HTML基础

1.