本文主要介绍HTML和CSS入门知识点的相关知识。 内容详细易懂，操作简单快捷，具有一定的参考价值。 相信看完这篇文章你就会明白HTML和CSS的入门知识点是什么了。 一定会有收获的，我们上去看看吧。
1.Web后端技术
问：您在编写网页时能遵守网络标准吗？ 你知道什么是Web后端技术吗？
Web后端技术是w3c组织制定的一系列技术的集合，主要包括：
HTML – 结构标准：负责网页内容（布局）
CSS——性能标准、风格标准：美化
JavaScript，简称js，行为标准：负责行为动作、表单验证、数据交互
2. HTML发展历史
html1.0 – 1993年起草的草案，纯文本格式
html2.0
html3.0
html4.0 – 意识：宽松句型：Aa – xhtml1.0（x表示严格，相对严格：兼容较低版本） – xhtml2.0（观点：绝对严格） – 浏览器厂商反对：我们自己开发html并使用你自己 – html5.0
最终：html5.0仍然由w3c开发
工作方式：xhtml1.0+html5.0
VS代码：
--单标记
标题：h2-h7
段落 p
布局块：div
特效文字小图：span
图片标签-img
HTML概述和HTML文档的基本结构
HTML 概述
HTML是HyperTextMark-upLanguage的缩写，意思是超文本标记语言。 超文本是指超链接，标记是指标签。 它是一种用于制作网页的语言。 这些语言都是由标签组成的。 ，用这些语言制作的文件保存为文本文件，文件扩展名为html或htm。
HTML文档的基本结构
html的基本结构如下：
或者：
第一行是文档声明，第二行是“”标签，最后一行“”定义了整个html文档。 “”标签和“”标签是它的第一级子元素。 “”标签负责对网页进行一些修改。 设置并定义标题。 设置包括定义网页的编码格式、外部链接css样式文件和JavaScript文件等。设置的内容不会显示在网页上，但标题的内容会显示在标题栏中。 在“”内容中编辑网页上显示的内容。
html 文件是一个网页。 当使用编辑器打开 html 文件时，它会显示文本。 您可以以文本形式对其进行编辑。 如果用浏览器打开，浏览器会根据标签描述内容将文件渲染成网页。
快速创建 HTML 文档
创建新的html文档后，您可以使用快捷键快速创建html文档。 热键：！ +tab 键，或 html:5+tab 键
HTML 标签入门
标记句型：
学习 HTML 语言意味着学习如何使用标签。 HTML中有20多个常用标签。 如果你学会了这些标签的使用，你基本上就学会了如何使用HTML。
如何使用标签：
块元素标签（行内元素）和行内元素标签（行内元素）
该标签将在页面上显示为小方块。 不仅仅表现为小方块，通常分为以下两类：
块元素：默认情况下，它在布局中占据独占行。 默认情况下，长度等于父级的长度。 块元素之后的元素需要重新排列。
行内元素：元素可以排列成一行。 设置宽度和高度无效。 它的宽度和高度由内容支持。
常见的块元素标签
1、标题标签代表文档的标题。 它不仅具有块元素的基本特性，还包含默认的外间距和字体大小。
2. 段落标签代表文档中的一个文本段落。 它不仅具有块元素的基本特征，还具有默认的外间距。
3、通用块容器标签，代表文档中的一段内容。 它具有块元素的基本特征html与css入门经典，没有其他默认样式。
常用的行内元素标签
1、超链接标签，链接到另一个网页，具有内联元素的基本特征。 默认文本为黑色，并且有句点。
2、通用内联容器标签，具有内联元素的基本特征，没有其他默认样式。
3、图片标签，在网页中插入图片，具有行内元素的基本特征，支持宽度和高度设置。
其他常用的功能标签
1. 换行标签
2. HTML 注释：
可以将注释插入到 HTML 文档代码中。 注释是对代码的描述和解释。 评论内容不会显示在页面上。 在HTML代码中插入注释的方法是：
常用的html字符实体
对于代码中的一段文本，如果要清空文本之间的多个空格以及代码中的多个空格，则渲染到网页时只会显示一个空格。 如果要显示多个空格，可以使用空格的字符实体。 代码如下：
在网页上显示“”会被误认为是标签。 如果想在网页上显示“”，可以使用它们的字符实体，例如：
网页布局原则
标签将在网页上显示为小方块。 首先将网页按照行的形式定义为多行，然后在行的上方定义列。 也就是说，标签嵌套在表示行的标签内以表示列。 整体按照先整体、后部分、先大后小的顺序来写结构。
布局示例
根据网页布局原理和里面的例子，编写网页的html结构代码。
标签语义
在布局中需要尽可能地使用语义标签。 使用语义标签的目的首先是为了让搜索引擎更好地理解网页的结构，提高网站在搜索中的排名（也称为SEO）。 其次，方便代码阅读和维护。
语义标签
1. h2——h7：表示标题
2. p：表示段落
3.img：代表一张图片
4.a：代表链接
无意义的标签
1.div：代表一段内容
2.span：表示一行内的一段内容
因此，我们需要根据网页显示的内容使用合适的标签来优化之前的代码。
CSS概述
为了丰富网页元素的样式html与css入门经典，将网页的内容和样式分离，CSS就是在这种思想下诞生的。 CSS是CascadingStyleSheets的缩写，意思是层叠样式表。 有了 CSS，大多数在 HTML 中表达样式的标签就不再需要了。 HTML只负责文档的结构和内容，呈现方式完全交给CSS，使得HTML文档更加简洁。
css基本句型
css的定义方式是：
选择器 { 属性：值； 属性：值； 属性：值； }
选择器是将样式与页面元素关联起来的名称，属性是将要设置的样式属性。 每个属性都有一个或多个值。 属性和值之间使用逗号，一个属性和值与下一个属性和值之间使用分号，最后一个分号可以省略。 代码示例：
页面引入css有以下三种形式：
1、内联样式：通过标签的style属性直接将样式写在标签上。
2、嵌入：通过样式标签在网页上创建嵌入样式表。
3.外部链接类型：通过link标签将外部样式文件链接到页面。
1.标签选择器
标签选择器，这种选择器影响范围很广，通常用于一些通用的设置，或者用在分层选择器中。
例子：
2. 类选择器
按类名称选择元素。 一个类可以应用于多个元素，多个类也可以应用于一个元素。 应用灵活，可重复使用。 它是 CSS 中最常用的选择器。
例子：
3. 电平选择器
主要用在标签嵌套结构中，层次选择器是结合前面两个选择器编写的选择器。 可以与标签选择器配合使用，减少命名，还可以通过级别限制样式的作用。 范围。
关于“HTML 和 CSS 的基础知识是什么？”的文章到此结束。 感谢您的阅读！ 相信大家对于“HTML和CSS入门知识点有哪些”都有了一定的了解。 如果您想了解更多知识，欢迎关注易速云行业资讯频道。
