HTML、CSS知识总结

最新推荐文章于 2024-09-29 11:09:08 发布

xzc1453

最新推荐文章于 2024-09-29 11:09:08 发布

阅读量616

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/xzc1453/article/details/126696241

版权

本文总结了HTML的基础知识，包括标签关系、基本结构以及常用标签如标题、段落、图像和超链接等。同时，还介绍了CSS的选择器分类、字体属性、文本属性以及样式引入方式。

摘要由CSDN通过智能技术生成

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

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

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

包含关系、并列关系

<html>
    <head>
        <title>Hello页面</title>
    </head>
    <body>
        专业Hello 语句
    </body>
</html>

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

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

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

<h1>一级标题</h1>
<h2>二级标题</h2>
...
<h6>六级标题</h6>

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

<p>一个段落</p>

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

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

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

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

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

<div>大盒子</div>

<span>小盒子</span>

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

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

关注