HTML、CSS知识总结_html和css知识点总结

作者：羊村懒王 | 2024-03-24 03:02:01

踩

html和css知识点总结

HTML标签是由尖括号包围的关键词，例如<html>

HTML标签通常是成对出现的，例如<html> 和</html>,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。

有些特殊标签必须是单个标签（很少），例如<br />,我们称为单标签

包含关系、并列关系

<html>
    <head>
        <title>Hello页面</title>
    </head>
    <body>
        专业Hello 语句
    </body>
</html>
1
2
3
4
5
6
7
8

每一个网页都有结构标签（骨架标签），页面内容也是在这些基本标签上书写的

标签名	定义	说明
<html></html>	HTML标签	页面中最大标签，我们称为根标签
<head></head>	文档的头部	在head标签中必须设置的标签为title
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body><body>	文档的主体	元素包含文档的所有内容，页面内容基本都是放到body中的

标题标签有6个等级，即：<h1>~<h6>，特点：随着h标签数字的增大，字号大小随数字变大而变小；标题独占一行。

<h1>一级标题</h1>
<h2>二级标题</h2>
...
<h6>六级标题</h6>
1
2
3
4

将文字分段的标签，一个<p></p>标签就是一段，特点：随着浏览器窗口大小自动换行，段落之间有间隙。

<p>一个段落</p>
1

可以将文字换行的标签，特点：单标签、换行。

将字体加粗，一般用<strong></strong>语义更明确。

将字体倾斜，一般用<em></em>语义更明确。

在字体上划上删除线，一般用<del></del>语义更明确。

在字体下划上下划线，一般用<ins></ins>语义更明确。

<div>大盒子</div>
1

<span>小盒子</span>
1

<img src="图像路径" />
1

img标签用于在网页中插入图片

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/299437