网络安全-学习web开发-基础概念、常用标签
仅作为个人学习记录使用
内容可能比较简陋请勿介意
这个叫做标识符，告诉你他是个网页
head是标识符头的意思
下面的都是内容的意思
然后这个内容必须用这两个开包含着
html
示意
<html> 内容</html>
html
lang的意思是语言
英文一般都是en，中文的CN,ZH-CN等。
但是都不影响，反正最终都可以解析出来，只是告诉你仅此而已
charset的意思是字符表达
目前就记住UTF-8就可以，基本上全部都是
但是还会有旧的用的GB2313或者GBK，不同的解析出来不一样甚至会乱码
还有设计到存储问题，不同的编码格式保存的不一样
UTF-8是全球通用然后每年会更新有人维护
content可以理解为关键字，还有个keyboard
就是搜索引擎抓取这个关键词就会给你搜索出来这个东西
title意思是标签的意思，就是显示什么就是代表什么，但是一般会有一些出入。
Body的内容
意思是里面怎么写
比如
html
<h1></h1>
相当于标识符，里面就写内容，你写什么他就出什么然后标签
分容器级标签和文本级
容器级：div,ol,ul,li,dl,dt,dd,h1-h6
文本级：span，img，b，u，i这些
其实我也不太懂。
超链接
html
<body>
<a href="www.baidu.com"target="_blank">百度超链接</a>
</body>
那么这个就是超链接的表达方式
如果不加target
跳转则是直接用当前网页搞
加了则是给你新开一个，不取消当前的
目前加target的都是主流
意思是，是否打开新链接，数值一定是_blank
如果加title则是，鼠标放上去的悬停文字，比如
很多垃圾广告或者弹窗就是这样来的，你一点就直接打开后台或者网页
空格表示方式
html
<a1> 你好 666<a1/>
他会显示 你好 666
但是如果
<a1> 你好 666<a1/>
他依然会显示 你好 666，无论你中间写多少个空格
这是因为文本空格折叠的现象&nbsh
html
怎么解决呢
<p>
你好&nbsh;&nbsh;&nbsH;&nbsh;&nbsh;666
</p>
那么才会显示 你好 666H标签
h是标题是意思 ，标题标签--headline
包含了h1-h6，数字越大，字号越大
双标签，容器级标签
比如用一个txt改html
然后
html
<body>
<h1>标签</h1>
<h2>标签</h2>
<h3>标签</h3>
<h4>标签</h4>
<h5>标签</h5>
<h6>标签</h6>
</body> 这样就可以得到一个字体大小分行的标题
从大到小
有什么意义呢
搜索引擎搜索的时候
除了会摘取meta标签，keywords还会抓取标题的内容。
通常，H1权重最高，通常用来制作网页Logo
如果作弊，比如多个H1
那么搜索引擎反而会降低你的搜索优先级
所以最好只搞一个H1
来自课程视频截图，这个在旧版本有，可能新版本已经没有了
换行,P标签
p是段落的意思，文本标签--paragraph
双标签，文本级
html
<P>hi </P>
<P>hi </P>
那么网页就会显示成
hi
hi
哪怕这样写也是可以的<P>hi </P><P>hi </P>
但是呢为了规范书写和看得懂一般都是换的
P换行是直接换
html
但是如果
<a1>我是123</a1>
<a1>我是123</a1>
<a1>我是123</a1>
这样写
实际上他只会显示
我是123 我是123 我是123
他是根据属性来的，不是根据换行来的img标签
img是照片的标签
html
<body>
<img src="照片的路径"title="这是我的照片"alt="抱一丝"width="220px"height="10px">
</body>src-文件路径
alt则是如果图片加载不出来的时候的替换文本，可以加载的时候则什么都不管，个人感觉没什么用
border=边框，数字越大框框越大，也没什么用，实际上通过CSS来实现，因为这个自带的出的有点丑，可选的形式不多。
height是高度，width是宽度
title则是鼠标放到图片上的时候悬停文本
锚点属性
这玩意就是主标题之下，内容之上的副标题，同时给他加粗，跟H2不一样但是可以结合使用
上面的可以理解为先弄出来一个超链接在上面
然后下面用ID来引用他
那么点击上面则会跳到下面
html
<body>
<h2>二级标题</h2>
<a href="#加粗">我是目录</a>
<h3 id="加粗">我是目录</h3>
下面正文
</body>