html基础标签的认识基础概念认知及

前端基础概念认知

网页的组成部分：

文字、图片、音频、视频、超链接。

五大浏览器和渲染引擎

1.ie浏览器      （trident）

2.火狐浏览器    （gecko）

3.主要流行：谷歌浏览器        （blink）

4.safari浏览器        （wedkit）

5.欧朋浏览器        （blink）

标签语法有：

1.双标签：<开始></结束>   例如：<a></a>...

2.单标签：<标签名>       例如：<hr>...

标签关系：

1.并列关系：兄弟同一级关系

2.嵌套关系：父子包含嵌套关系

基础标签的认识

排版标签：

标题标签——h1-h6

段落标签——p

文本格式化语义标签：

strong：加粗

em：倾斜

ins：下划线

del：删除线

单标签：

dr：换行标签

hr：分割线标签

媒体标签：

图片img标签（作用是在网页中显示一张图片）

属性：

1.src：图片地址的路径

2.alt：替换文本（只有当图片加载失败时，才会显示文字）

3.title：图片的标题 （鼠标悬停在图片时，才会显示文字）

4.width宽度/height高度（设置图片的宽高，如果只设置一个，另一个会等比例缩放）

注意点：一般只会设置width宽度或者height高度中的一个，如果同时设置了两个，图片可能会拉伸变形。

媒体标签路径：

1.绝对路径：

（1）：在个人电脑中，带有盘符的路径（从根目录为起点到某一个目录的路径）

（2）：外部链接，以https://开头的路径

2.相对路径：

同级目录：直接写目标文件的名字

下级目录：

1.写目标文件所在文件夹的名字

2.进入目录文件夹     /

3.直接写目标文件的名字即可

上级目录：

1.去上一级目录      ../（注意：可以使用../../再上走一级，以此类推）

2.直接写目标文件的名字即可

音频audio标签：

作用：在网页中插入音频

属性：

1.src：音频的路径

2.controls：播放的控件

3.autoplay：自动播放（谷歌浏览器不支持）

4.loop：循环播放

视频video标签：

作用：在网页中插入视频

属性：

1.src：视频的路径

2.controls：播放的控件

3.autoplay：自动播放（谷歌浏览器不支持）

4.loop：循环播放

链接标签

a标签属性：

1.href：点击所跳转的网页（取值：所需跳转的路径）：

（1）外部链接：直接写网址即可（网址需要写完整https://）

（2）本地网址：直接写路径

2.terget：设置跳转方式（取值）：

（1）_self：（默认值）在当前窗口中进行跳转，原网页不在了

（2）_blank：在新窗口进行跳转，原网页还在

空链接  ：<a href=“#”>空链接</a>