字节青训营课程一——html
行一：doctype html标记了当前html文件采用什么html版本，如果不写这一行，浏览器将会默认采用老旧的渲染模式
行二：根标签，<html>与</html>配套出现，所有标签都是写在html标签里
行三：<head>与</head>配套出现，放一些源数据，一些页面需要信息但是又不需要呈现给用户的，例如页面标题页面编码
行七：<body>与</body>配套出现，真正呈现给客户的，比如一段文字或者标题图片
浏览器会把html解析成dom树，<html>为根节点，每一个节点都称作dom节点
HTML语法一些规范：第一点中，一些react和vue自定义的组件用大写，而html的标签用小写第一点中
HTML具体语法：
-
标题标签h1~h6：h1标题大小最大，依次往下
-
列表标签：
- 第一类是有序列表<ol>，即order list，展示出来的效果就是在页面中会有123排序；
- 第二类是无序列表<ul>，即unorder list，在页面的展示效果就是会在前面有小黑点；
- 第三类是定义列表，属性名+属性值的列表，即definition list，<dt>表示属性名，<dd>表示属性值，<dt>和<dd>是多对多的关系
-
链接标签：采用<a>标签，其最重要的属性是href超链接地址，属性值是点击了后需要跳转的页面，若写上target="_blank"则是指以新窗口打开页面而不是替换当前页面
-
多媒体标签：
- <img>标签表示图片，其属性值src表示图片的地址，alt表示当这张图片因某些原因不被加载出来时会以alt属性值的文字替代，width表示图片要展示多宽
- <audio>标签表示音频，其属性值src表示音频的地址，controls属性表示需要浏览器默认显示播放音频的控件
- <video>标签表示视频，同上
-
表单类控件标签：
- <input>标签是文本输入框，
-
属性placeholder表示占位符，用户不输入时浏览器默认显示的； 属性type="range"可以让用户输入一个范围，在浏览器中的展示效果是如图拖动条； type="number"可以让用户输入一个值，指定最大max最小min； type="date"表示选择日期，在浏览器上展示效果是如图可选择日期；
- <textarea>表示较大文本框，可以输入多行内容
type="checkbox"表示用户可以多选，type="radio"表示用户单选，用属性name的值来标记互斥关系，name值相同当中选一个
当选项较多时用<label>较为臃肿，则可以采用下拉列表<select>,把下拉的列表选项写在<option>中
有时候下拉列表中可以允许用户输入值，浏览器可以给用户提示，辅助快速输入，<option>中是提示的选项
-
文本引用标签
- 短引用<cite>：一般表示引用了别人的书名或者章节类似的短语
- 短引用<q>：与<cite>的区别是表示具体的内容的短引用
- 代码引用<code>：如引用多行，则用<pre>将其包裹
<strong>和<em>标签表示强调
内容划分：常见页面布局
header页头标签：页面关于头部的信息，与<head>不一样，<header>放的是呈现给用户的内容，比如导航或者logo，而导航放在<nav>标签中
main页面主体标签：一般一个页面只有一个主体，文章正文可以放在article标签，也可以没有article
footer页尾标签：放页面参考信息或者备案信息之类
