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

1

HTML

HTML简介、基本骨架、标签的关系、注释、路径_第1张图片

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

你可能感兴趣的:(HTML5+CSS3,html,前端,服务器)