一、初识HTML
1、HTML：超文本标记语言，它是一种标识性的语言，非编程语言，不能使用逻辑运算。通过标签将网络上的文档格式进行统一，使分散的网络资源连接为一个逻辑整体。
2、动态网页与静态网页
注意：不要将动态网页与页面内容是否有动画效果混为一谈。
3、浏览器
浏览器是解释和执行HTML源码的工具
内核：引擎（渲染引擎，js引擎）
4、HTML文档结构
html>head+body
head:一个网页的相关设置
- title（标题）
- meta（元，主要完成对应的设置） { charset（编码） name content(网站描述内容/关键字) } <link rel="shortcut icon" href="X.png" type="image/x-icon"> （设置网站小图标）
- style样式
5、标签
扫描二维码关注公众号，回复：
10446586 查看本文章
- 基本标签
- <div></div> 布局 可嵌套
- hx <h1><h2>~<h6> 标题
- <p></p> 段落
- <br /> 换行
- <hr /> 分界线 可设置外观 <hr width="80%" align="center" color="red"/>
- <a></a> 链接跳转 href(链接) target(跳转方式) title(提示文字)
- <img src=" " alt=" " />加载图片
- span 和div一样都是用来布局 不同的是div会单独占一行，而span不会
- <ul></ul>无序 <ol></ol>有序 <li></li>
2.文本格式化标签
- b和strong：都有加粗作用，不会自动换行，但strong除了加粗还有强调作用。注：强调主要用于SEO时，便于提取对应的关键字）
- i和em：是文字倾斜，但em具有强调作用
- pre预格式化文本 块级标签(识别宽高，独占一行)（保留换行、空格和宽度 文字的字号会小一号）
- small和big：分别让文字缩小一号或放大一号 行级标签(不会独占一行，不识别宽高) （big在html5淘汰了，尽量不要使用）（浏览器支持的最小字号为12px，可以通过添加样式更改文字效果）
- sub和sup：设置文本为下标和上标，用来调整文本正常显示的基线，且文字会自动小一号
3.单标签/双标签
4.HTML实体转义
5.块状元素（相当于执行了display：block操作)：块状元素会独占一行，其宽度自动填满其父元素宽度，一般情况下，块级元素可以设置width，height属性，一般用来搭建网站架构、布局、承载内容......
6.行内元素（相当于执行了display：inline操作)：行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下才会换行，其宽度随元素的内容而变化，行内元素设置width和height无效。一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等
6、标签属性（属性名=属性值 附加信息 不同标签属性不完全相同）
7、标签嵌套规则
- 块元素可以包含内联元素或某些快元素，但内联元素却不能包含块元素，它只能包含其他内联元素
- 块级元素不能放在<p>里面
- 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素：h1 h2 h3 h4 h5 h6 p dt
- 块级元素与块级元素并列、内嵌元素与内嵌元素并列
8、HTML语义化标签
附:display:inline-block 行级块（行级标签但识别宽高）
以上为视频笔记——视频https://www.bilibili.com/video/BV1i7411Z7d8