1
HTML
HTML超文本标记语言
超文本——链接
标记——标记也叫标签,带尖括号<>的文本
标签语法:
标签成对出现,中间包裹内容
<>里面放英文字母(标签名)
结束标签比开始标签多/
拓展:
双标签:成对出现的标签
单标签:只有开始标签,没有结束标签,例如<br>换行、<hr>水平线
HTML的基本骨架
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页主体
</body>
</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
绝对路径的应用场景:友情链接(跳转别的友商网站或自己的网站)