Jo今天又在学什么？（1）
今天学的是Up主Archimesons的HTML入门。课程链接：https://www.bilibili.com/video/BV1jf4y1J7Ms/?spm_id_from=333.999.0.0
评价：
Pros：作为入门视频，前几个视频讲解简单明了，比我看的很多YouTube上的视频清楚很多
Cons：课程后期大概是为了缩短时长时长，逻辑框架开始开始有点乱，此外某些tag Up不展开解释，所以只看视频不能理解，需要自己去查
以下是学习笔记：
0. html是什么
html不是一种编程语言，而是一种标记语言。
html格式必须以.html为文件名后缀才能打开。网页主页默认为Index.html，about 页面是xxx.com/about。
1. 标签的解释<tagname>
大部分标签需要前后两个标签才能闭合，*笔记中</tagname>均被省列
少部分标签可以自闭合
如：<br> <hr> <input>
一个html文件最基本和通用的指令：
<!DOCTYPE html> Defines the document type
<html> Defines an HTML document，内部可以加其他meta信息
2. html网页的基本结构
<head> <title> <body> <p>是html中最常见的四个定位tag
<head> 区域内的内容和网页呈现给用户的界面没有关系
用于 1.定义页面的作用和标题
2.链接其他工程文件
3.SEO keywords
<meta>标签：标签位于文档的头部，不包含任何内容。可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关健词.
<title>显示于浏览器标题位置
<body>区域是网页显示的内容
<p>在<body>以下，是paragraph的缩写，显示文字段落
<!--note section--> 是标注标签，不显示于页面中，只用于开发者标注段落内容
3. 文字及排版
3.0 标签属性 attributes
除了tagname标签之外，还可为某个标签增加更多属性，attributes的格式为name="value"，通常直接加在tagname标签的闭合里面。
3.1 文字格式
<h1> to <h6> 字号大小
<strong> 加粗
<em> 斜体
<a> 超链接 通常后跟“href”=链接地址
如：<a href="http://www.baidu.com" target="_blank">
"style" 如：<p style=color:颜色;>; <p style=front:大小数字px；>
3.2 段落
<br> 空格（自闭合） break
<hr> 水平分割线（自闭合） horizontal rule
<div> 分割（自闭合）
<pre> </pre> preserved space
3.3 列表
<ul> <li> 列表，显示为点
<ol> <li> 列表，显示为数字
3.4表格标签 <table> </table>
<thead> （table head） 表头，通常是文字名称
<tbody> table body 表体
<th> table head 表格横名称
<tr> table row 表格列名称
<td> table cell defination 表格内容
现在的表格使用css文字搭建。
3.5 表单 <form> </form>
<lable> 输入框的标签
<lable for=xxx> for为megatag，注释lable的内容
类型1 ：<input> 输入
<input type=> “type”定义输入的内容类型，type作为attribute可以有很多种值（10种），如“text”“color”“date”等。具体可在https://www.w3schools.com/tags/tag_input.asp查询
<input><textarea> 可调整文字框大小
类型2： <select> 选择
<select>后加选择的项目 <option value=xxx>。可有多个option选项。
select和option均不是自闭合标签，需要手动闭合。
4. 媒体
4.1 图片<img> 自闭合标签
如：<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
“scr”为source file，可以指定网络图片和本地图片
“alt”=alternative text 图片备选文本
“hight” 长度
“width” 宽度
HTML字典：https://www.w3schools.com/tags/default.asp
CSS延伸内容：
块级元素 <display:block>
行级元素 <display:inline>
