HTML语言的组成
1.双标签/常规标签
- <标签的名称 属性1=“属性值1” 属性2=“属性值2”></标签的名称>
2.单标签/空标签
- <标签的名称/>
- 在尖角符号后面的第一个英文单词就是标记的名称,标记还可以称为标签或者元素
- 双标签又开始也有结束 并且结束的标签需要加反斜杠不可以省略
- 单标签只有结束 并且结束标签的反斜杠是可以省略不写的
- 在标签名称后面有一个空格 空格后面都是标签的属性(描述这个标签) 必须要有属性值
- 属性和属性值之间需要用等号相连,属性值需要用引号引起来
- 表示一个标签有多个属性的时候 再后面继续空格书写即可
- 如果一个标签有多个属性的时候 属性是不区分前后顺序的
案例: 胜平同学身高180cm 体重180kg
- 双标签 <胜平同学 身高="180cm" 体重="180kg"></胜平同学>
- 单标签 <胜平同学 身高="180cm" 体重="180kg"/>
注意:这样的写法虽然是符合HTML语言的写法 但是计算机是不能识别的
写标签必须要写复合计算机要求的语言标签!
3.路径的使用
使用地址或者路径的时候用的都是在线的 但是在工作中不全部是在线的 也有本地的 。
路径的使用
1.绝对路径(了解,不建议使用)
- 含有盘符的
2.相对路径
- 同级找同级 目标文件的名称
- 父级找子级 目标文件的文件夹名称/目标文件的名称
- 子级找父级 ../目标文件名称
- 命令 ../ 调出当前文件夹
解释:
- ./ 当前目录 同级找同级 是一样的
- ../ 跳出当前文件夹
- .../ 跳出倆级文件夹
abc.jpg
./abc.jpg
…/ 表示上一级目录
c://xxxx/xxxxx/xxxx/abc.jpg
/abc.jpg
根目录:
+ 最原始的目录结构层级
+ 从我们的电脑看: 根目录就是盘符
+ 从服务器角度看待: 当前项目的最初始目录
如何分辨根目录:
+ 浏览器打开的页面是本地打开还是服务器打开
=> 本地打开: file://xxxxx
file:///D:/%E5%8C%97%E7%A7%91_%E4%BA%8C%E9%98%B6%E6%AE%B5/BK_GP_29/01_%E7%AC%AC%E4%B8%80%E5%91%A8/02_DAY/02_%E4%BB%A3%E7%A0%81/01.html
你书写的根目录就是你本地盘符: 其实就是协议后面最前面那个内容
=> 服务器打开: http(s)://域名/xxx/xxxx
http://127.0.0.1:5500/01.html
你书写的根目录就是你当前服务器的根目录