对于程序员来说，无论是干哪个方向的，对于前端都需要有所了解，我作为初学者在这里以个人视角简单记录整理一下知识点：
1丶网络传输三大要素
1丶URL：统一资源定位符
2丶HTTP协议
3丶HTML:超文本标记语言（把数据进行展示）
2丶HTML
全称：Hyper Text Markup Language
超文本
文本：普通的txt文件，无法保存图片，视频，表格等。
超文本：相对于普通文本，可以保存图片，视频，表格等。
标记
标签（注释，标记）
比如：<box>xxx</box>
双闭合标签
<apply></apply>
单闭合标签
<apply/>
语言
拥有自己语法规则的一套表达式
3丶不同浏览器存在不同的内核
常见的浏览器有：
微软IE
GOOGLE chrome
火狐
苹果
Opera
4丶不同的标签
主要分为head和body两个板块
head中存在的标签
meta标签 title标签（简单举例最基础的）
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--注释：代表解释下面的逻辑是什么，不影响程序运行-->
<!--keywords和description这两个值都是用于搜索引擎去爬取界面时使用的，
keywords代表，关键字，是我们搜索引擎搜索某个字段时是否展示我们这个页面用的，
description是内容描述也是在部分搜索引擎自身会进行搜索内容的优化。-->
<meta name="ketwords" content="课工场，it培训"/>
<meta name="description" content="课工场是...（特点）"/>
<meta name="viewport" content="width=device-width,initial-scala=1.0"/>
<meta http-equiv="refresh" content="X,http://www.baidu.com"/>
<title>你好世界</title>body中存在的标签就太多了 对于初学者第一次学习可以先掌握一下几个基础标签：
p标签，br标签hr标签，h标签，strong和em标签
<h1>标签</h1>
<h2>标签</h2>
<h3>标签</h3>
<h4>标签</h4>
<h5>标签</h5>
<!--h标签表示几级标题栏-->
<!--p标签为各个段落-->
<!--br标签有换行作用-->
<p>北京欢迎你，有梦想谁都了不起！<br/>
有勇气就会有奇迹。</p>
<!--hr标签会在当前位置换一行并添加一条水平线-->
12321321<hr/>
<!--strong表强调（默认加粗）-->
<!--emg表强调（默认斜体）-->
<em></em><strong>XXXXX</strong></em>5丶注释和特殊符号
6丶插入图片
<!--img src="目标图片"
alt=“找不到图片时替代的文字”
title=“鼠标悬停时显示的文字”-->
<img src="tupian/QQ图片20220305142623.png" alt="text" title="text" width="1500" height="5000" />7超链接
<!--a href="xxx" target="_self/blank">(xxxxxxx)/</a>-->
<!--href="要转过去的页面（目标页面）"-->
<!--target="_self"本身的页面变成目标页面-->
<!--target="_bank"目标页面是新增出来的-->
<a href="1.html" target="_self">姑娘，欢迎降落在这残酷的世界</a>
<a href="2.html" target="_blank">
<img src="tupian/QQ图片20220305142623.png" alt="姑娘，欢迎降落在这残酷的世界"
title="姑娘，欢迎降落在这残酷的世界" />
</a>
8丶锚链接
<a href="1.html#marker">君子好逑</a>
<!--下面的是传送，传送目的已经查了眼删掉也没事-->
<a name="marker">dd</a>
