html知识点总结

112 阅读1分钟

1.html页面基本结构:

2023-10-30.png

2.html骨架结构由哪些标签组成
(1)html标签:网页的整体
(2)head标签:网页的头部
(3)body标签:网页的身体
(4)title标签:网页的标题

3.注释
快捷键:ctrl+/

4.html标签的构成 例如<br> <tr></tr>
分为单标签和双标签,双标签中前面部分称为开始标签,后面部分称为结束标签,中间部分是包裹的内容

5.标签与标签之间的关系
分为嵌套关系和并列关系
嵌套关系例如

2023-10-30 (2).png
并列关系例如

2023-10-30 (1).png
6.标题标签

2023-10-30 (3).png
运行效果:

2023-10-30 (4).png
重要程度依次递减
7.段落标签
代码例子:<p>这是一段文字啦啦啦啦啦</p>

8.图片标签
代码:<img src="" alt="aa" title="11" width="200" height="200">
src=""是标签属性
alt为替换文本,图片加载失败时显示alt文本
title为提示文本,在鼠标悬停时显示文本
width和height为宽度和高度,若只写其中一个,图片会自动等比例缩放,不会变形

9.路径
(1)绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径
(2)相对路径:从当前文件开始出发找目标文件的过程
同级文件:方法一:<img scr="目标文件.gif">
方法二:<img scr=".\目标文件。gif">
下级文件:<img scr="images\目标文件.gif">
上级文件:先出当前文件夹到上级目录../ 然后直接写出目标文件

10.链接标签 代码:<a href="./目标网页.html" target=""></a>
target属性:目标网页的打开形式