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
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。