前端学习之HTML和CSS总结

余臻

已于 2022-06-24 17:33:23 修改

阅读量651

点赞数 2

文章标签： html5 css

于 2022-06-24 17:28:05 首次发布

本文链接：https://blog.csdn.net/qq_54553728/article/details/125427377

版权

本文详细介绍了HTML和CSS的基础知识，包括HTML的各种标签、语法特性，如文本标签、图片标签、链接标签、表格标签、表单标签，以及CSS的选择器、属性和样式结合方式。通过学习，读者能理解HTML的语义化标签和CSS如何控制网页样式，为前端开发打下坚实基础。

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

HTML

HTML即 Hyper Text Markup Language超文本标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
但其实HTML不是编程语言，因为它没有逻辑。

语法

1、html文件后缀名：.html or .htm。
2、标签分为围堵标签和自闭和标签，围堵标签就是有开始和结束的标签如：<html></html>。自闭和标签就是自己闭合的标签如：<br/>。
3、标签可以嵌套：需要正确的嵌套。
4、在开始标签中可以定义属性，属性由键值对构成，值要用引号引起来。
5、html的标签不区分大小写，但是建议使用小写。

文件标签是最基本的标签。
<html></html>;：html文档的根标签。
<head></head>：头标签，用于指定html文档的一些属性，引入外部资源。
<title></title>：标题标签。
<body></body>：体标签。
<!DOCTYPE>：html5中定义该文档是html文档。
<meta charset=“UTF-8”：编码方式是UTF-8。

文本标签

文本标签就是和文本有关的标签。
注释：<!- -注释内容 - ->
<br/>:换行。
<h1>~<h6>:标题标签，自带换行。h1到h6越来越小，越来越细。h1最大最粗。
<p></p>：段落。
<hr>:显示一条水平线，自闭和标签。
<b>：加粗体。
<i>：斜体。
<font>：字体标签。
<center>：文本居中相对父元素。
标签中还可以添加属性如：<hr color=“red” width=“200” size=“10” align=“left”/>
属性：color：
1、英文单词：red，green…
2、rgb(红，绿，蓝)，0–255，红绿蓝配比。
3、#值1值2值3，00–FF，表示红绿蓝配比。
width：
1、数值：width="20"默认px，像素。
2、数值%：占比，相对父元素。