HTML简介、基本骨架、标签的关系、注释、路径

1

HTML

HTML超文本标记语言
超文本——链接
标记——标记也叫标签，带尖括号<>的文本

标签语法：
标签成对出现，中间包裹内容
<>里面放英文字母(标签名)
结束标签比开始标签多/
拓展：
双标签：成对出现的标签
单标签：只有开始标签，没有结束标签，例如
换行、

---

水平线

---

HTML的基本骨架

   

       

   

   

        网页主体

   

html：整个网页
head：网页头部，存放给浏览器看的代码，例如CSS
body：网页主体，存放给用户看的代码，例如图片、文字
title：网页标题

Vs Code快速生成骨架：
在HTML文件中，!配合Enter/Tab键

---

标签的关系

作用：明确标签的书写位置；让代码更加整齐

1.父子关系(嵌套关系)
例如：html标签内嵌套head标签
html称为父标签，head称为子标签

2.兄弟关系(并列关系)
例如：head标签和body标签

代码格式：
父子关系：子级标签换行且缩进(Tab键)
兄弟关系：兄弟标签换行且对齐

---

注释

注释标签用来在源文档中插入注释，注释不会在浏览器中显示。

在Vs Code中，添加/删除注释的快捷键：Ctrl + /

---

路径

路径：
路径指的是查找文件时，从起点到终点经历的路线
路径分类：
相对路径：从当前文件位置出发查找目标文件
绝对路径：从盘符出发查找目标文件

相对路径：
. 当前文件所在文件夹
.. 当前文件上一级文件夹
/ 进入某个文件夹里面
绝对路径：
Windows默认是\(也能用/)，其他系统是/，建议同意写为/
文件的在线网址：https://www.itheima.com/images/logo.png
绝对路径的应用场景：友情链接（跳转别的友商网站或自己的网站）