HTML 标签简介、CSS 基础知识

1. 什么是HTML标签

学习网页开发，首先你得知道怎么编写和构造HTML标记，用HTML标记传达你想要给用户展示的内容，比如文字、图片、音频和视频等。用HTML标记内容的目的是为了赋予网页语义，换句话讲就是要给你的网页赋予某些用户代理能够理解的含义。我们平常用的浏览器、给视障用户朗读网页的屏幕阅读器，他们需要显示和分析网页。HTML规定了一组标签，用来给内容打上不用的标记。每个标签都是对它所包含内容的一种描述。

1. 闭合标签与自闭合标签

2.1闭合标签：(ps:一般情况文本显示用闭合标签) 

闭合标签基本格式如下： 

<标签名>文本内容 </标签名>

可以给这个标签添加一些属性，例如： 
<标签名 属性_1="属性值" 属性_2="属性值">文本内容</标签名>

标题、段落等文本元素都要求闭合标签，也就是一个开始标签和一个结束标签，例如下图：

重点：闭合标签都是成对出现的

2.2自闭和标签(ps:一般引用内容用自闭合标签) 

自闭和标签基本格式如下：

<标签名 属性_1="属性值" 属性_n="属性值" />

非文本内容是通过自闭和标签显示的，闭合标签与自闭和标签的区别在于闭合标签包含的是会显示的实际内容，而自闭和标签只是给浏览器提供一个要显示内容的引用。浏览器会在页面加载的时候，额外向服务器发送请求，以取得自闭和标签引用的内容。

下面给出自闭和标签的事例，显示内容如下图：

1. HTML中的注释

在软件编程中我们很多时候都会用到注释，所谓注释，顾名思义，标注解释。

1. <!--这是显示注释的内容-->  

以<!--开头，以-->结尾。注释的内容显示在它们中间，值得注意的是浏览器在加载页面的时候不会显示注释的内容，如下图：

4.CSS 基础知识

在前一章节中我们大概了解了什么是HTML文档，那么在小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS规则。

4.1 解析CSS规则

下面我们举例说明：将段落标签的文本内容设置为红色

在浏览器中查看代码的方式：在浏览器中点击右键，然后选择检查，即可在浏览器中查看HTML结构和CSS样式。 

4.2 CSS基础语法

CSS是一门编程语言，既然是语言那么就一定有它的语法规则。那么接下来我们就来学习CSS的基础语法规则。

CSS规则由两部分组成：选择符 和声明两部分组成，其中选择符是指你所要改变样式的元素，声明是指你需要设置的样式部分。声明由两部分组成：属性和属性值。如下图所示

重要说明：CSS和HTML中的符号都是英文状态下的符号，例如规则中的":"冒号和";"分号。

这是我所学到的DW的一些基础知识，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！