1.文章标题
在此，可以看出head中的title中添加了hello world
生成的html文件名称为hello world
2.文本标签
HTML:表示文件是HTML文件
头：包括文件标题、使用的脚本、样式定义等
BODY:放置浏览器中显示的信息的所有标志和属性，其中的内容显示在浏览器中。
1 .标题标签(h1-----h6表示标签的大小，其中h1最大，h6最小。
2 .段落标记p-------p段落之间空出一行
3 .粗体标签： b/strong粗体字体
4 .下划线标签： u
5 .删除标签： s
6 .带格式的文本标签(保留文本的原始格式):pre标签
7 .上标和下标： sup，sub
8 .块参照标签：块质量
9普通文本： span-----内联标签
10 .普通文本标签： div-----
所有这些标签都成对显示
例如b … /b
换行符标签(br-----() (不是首先成对出现的标签) ) )。
分隔符标签(hr-----) (最初未成对出现的标签) ) )。
在浏览器中打开。 需要在图的第一行中添加world
在这里，我看到了使用块参照。 不管是什么格式，直接添加的话都会被配置在一行上，原来的格式会混乱。
3.css和span和div的理解
从那以后的内容都在body的身体里
文本标签的常用样式（属性）
1.text.align :左对齐
2.text.align3360中心，中央
3.TEXT.ALIGN:RIGHT，右对齐
4.width:像素值或百分比、对象宽度
5.height :像素值或百分比，对象的高度
6 .颜色
7 .字体大小：设置字体大小
8 .边框：设置边框
9.padding.top :距文本框顶部的距离
10.padding.left:文本框左侧的距离
请注意，如果border-radius明显大于高度和宽度，则边界将为圆形
如果没有边界半径，则边框是正方形
小则为正方形
4.表格标签
1.table表示表
caption :中间写入标题
td :写入各列的内容
tr :写入每行的内容
CLL padding=‘3’—设置表格的内边距
CLL spacing=‘5’—设置表格外部的边距
行输入法
输入表格格式的行输入方法
5.合并列单元格
6.合并行单元格
7.表单标签
选择此处的下拉标签之一
8.个人信息
高度和宽度也可以用百分比表示
显示结果
9.图片标签
src指定图像位置，可以是url地址或本地图像；
如果alt:图像无法正常加载，将显示alt中的字符；
建议您将图像从网站下载到桌面，并将其保存到pycharm的当前目录中
添加图像超链接
ahref='‘http://链接地址”“img src=”“img 01.jpg”
10.超链接标签
在浏览器中执行
这里有百度、4399和本地跳转五个超链接
11.序列化标签
1 .无序标签的ul和li
删除ul中所有li标签中的样式
实现水平导航栏和垂直导航栏
list-style-type:none -----去除原点
display:inline-block ------成为内嵌元素，可以设置高度和宽度
可以用width--------300px表示，也可以用百分比表示
这里的HTML是超链接
链接如下
2 .有序标签的ol和li and嵌套标签
12.编写CSS样式——类选择器
进入css样式后，您会发现修改是在head中进行的
13.编写CSS样式----标签选择器
14.编写CSS样式----id选择器
15.CSS联系-----导航栏
这里hover的作用是鼠标接触时会变色； html仍然是超链接
16.CSS的引入方式
部署方法：
1 .行内导入： a style='行内导入的样式‘’
2 .内部导入：写在头标签中的style标签中的样式
3 .外部导入：将css样式作为独立的文件，用link rel=“style sheet”“href=“CSS/main.CSS”与当前的html文件链接。
三种部署方法的优先顺序：最近原则
注意：成立前提是有css目录里的main文件
其内容为div{ width:80%； 边距：0自动； 垫：0； }
ul{ list-style-type:none}
Li { display :在线块； width: background:snow；
color:#333333； padding-top:10px； padding-bottom:10px；
文本照明3360中心；
字体大小： large；
文本转换： capital ize；
Li : hover { background : green； 颜色： snow； }
a:hover{ color:snow； }
最终，您将看到以下内容：
鼠标接触还在变色
17.层级选择器
这里修饰的是ul标签内的li标签内的a标签。
注意：margin：0 auto意思是整体居中。