系本人原创，转载请注明地址：https://blog.csdn.net/coder_what/article/details/82693317
首先需要阐述用户和网页的关系：
用户通过pc端的浏览器连接互联网发送请求到服务器中，服务器再处理请求并且反馈给用户相应的信息（如网页等文件）
其实在我看来，浏览器和WPS或着微软的word的功能是一样的。不同的是，word读的是doc（docx）文件并把他们显示出来，而浏览器则是识别HTML等语言的文件并显示出来。
这里用的编译器是hbulider
HTML的基本构成如下：
<html>
<head></head>
<body></body>
</html>以上用<>的都称为是标签，上面三个标签是HTML的基本标签。（标签+内容+属性=元素）
每个标签基本都有与之相对应的属性用来给标签增加更有个性的功能。
浏览器是通过标签按照默认的规则对HTML进行布局。对于初学者来说，HTML甚至就可以称为是由一大堆标签所构成。
<html></html>是为了告诉浏览器这是一个HTML文件
<head></head>和<body></body>顾名思义，是负责HTML文件的“头部”和“主干”的
<title></title>是一对表示浏览器最上面导航栏的标题标签。一般内嵌在head内
<h1></h1> 是一对标题标签，从1到6，标题的字体会越来越小。一般内嵌在body内
<p></p>是一个段落标签，放在段落的开头和结尾。一般内嵌在body内
<img>是一个单标签，常用格式为<img src="路径.后缀名">。一般嵌套在body内
关于图像的后缀名常用的有jpeg和gif，其中jpeg主要用于复杂图像，但有失真；gif用于简单图形，无失真，可透明
这个标签除了src之外，还有常用的一个是alt，当图片因意外显示不错来时，就会显示alt里面的字
在没用css的时候，有width和height这两个属性来规定图片的大小，单位是像素
<br>是一个单标签，表示换行。一般内嵌在p内
<a></a>是一对可以跳转的标签，它常用的属性为herf（跳转的网站）和title（鼠标悬停时的提示）。一般内嵌在body内
a标签不仅可以进行网页的跳转，还可以通过id="***"这一属性跳转到同网页缀有 #*** 的某处
a标签的target属性如果为_blank的话，可以另打开一个页面进行跳转
<q></q>是一对表示引用的标签，常用来引用一句话。一般内嵌在p内
<blockquote></blockquote>也表示引用，但往往引用一个段落。
<ol>
<li></li>
</ol>经常组合到一起用来列表，其中ol有序号，ul无序号。
HTML的注释<!-- -->
关于css：
如果是在HTML中运用css，那么一般需要在<head>内添加一个<style type="text/css"></style>标签,标签里的type属性指明是css样式，标签的内容以某个标签如p{ }为主；
如果是在HTML外重新建立一个css文件，则需要在HTML中键入<link type="text/css" rel="stylesheet" href="文件名.css" /> ，把css中的内容到入到html中。
对于p{}来说，里面的样式对所有p生效，但如果在html中加class这一属性的话。如<p（class=“666”）>那么在css中就应写成p.666{}这样就能精准规范样式了
css的元素和结构如下：
font-family 字体（sans-serif这个常用在字体属性后，表示用计算机自身的字体）;font-size 字大小(常以px为单位，子元素直接用百分号);color 改变文本颜色（有几种定义方法，一种是直接输入相应颜色的单词，如red等，或者rgb（（1~100）%，%，%），或者用rgb（，，，0~255），又或者#111111每两位表示rgb中的一个，且均为16进制）；font-weght 改变字体粗细；text-decorection 给文本添加更多样式，
当把网页写完后，可以登录https://validator.w3.org/进行代码格式的校验。
一般情况下，web服务器是通过80端口传输数据的；
url=网站名（www+域名）+协议
/*未完待续，本年度持续更新。。。
本博客是基于《head+first+html与css、xhtml（中文版）》在阅读时的总结，
如有错误，还望各位大佬评论留言或者加QQ：2305450070一起讨论*/