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

2023-12-28 05:13:39

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
绝对路径的应用场景:友情链接(跳转别的友商网站或自己的网站)

文章来源:https://blog.csdn.net/qingwan_91/article/details/135257443
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。