Typora软件的及格快捷键：
加入图片:ctrl+shift+i
调整文字大小：ctrl+1 ctrl+2 ctrl+3 字体大小逐渐减小
字体加粗：ctrl+b
插入代码段：ctrl+shift+k
编程语言都有自己的语法结构，HTML不是编程语言，而是标记语言。
一组标签-->特定功能-->浏览器里的渲染引擎
html hyper 超 Text 文本 markup 标记 language语言
文本 .txt 文字 字符
超文本 不仅仅只有文字 图片 视频 音频 链接
形式： 闭合标签（双标签）
<>开始标签 </>结束标签
<标签关键字></标签关键字>
<html></html>根标签
<head></head> 头部标签 对浏览器说话
非闭合标签 （单标签）
<meta charset="UTF-8"> chartset = "UTF-8" 属性名 = ”属性值“
浏览器默认字体字体大小 16px
编码
ASCII 字母+西文+符号 <128 8位二进制 256个数据 第一位0 后7位 128个数据
ASCII扩展 8第一位用了 256
GBK(6000个汉字) GB2312（10000汉字 ） GB18030 （繁体字） 0-127 ASCII +扩充
Unicode 万国码 全球所有字符 （1：01110111 这是一个汉字 还是字母）
UTF-8（解决问题） UTF-16
常用文本标签
1:加粗字体的标签: <b>有效内容</b> <strong>加粗</strong> 唯一差别：strong 语义化 （权重）
2：斜体标签 <i>斜体</i> <em>斜体</em>（语义化）
3：删除标签 （中划线） <del>语义的</del> <s></s>
4：下划线 <u></u> underline
5:水平线 <hr>
<hr color="red" width="300px" align="left">
color 颜色
width 宽度
align 对齐方式 left 左 right右 center 中心居中对齐
无形当中最有形（90%）
span 小容器 图标文字
div 大盒子 大容器 大图大的内容 没有默认属性 默认样式
常用
1:段落标签(大段文字)
<p></p> paragraph 特点：上下外间距（16px）
2：标题标签
hi h1--h6 h1在当前界面只有一个 h1会包裹logo 权重大
3：插入图片的标签 (本质是文字)
<img src="地址" alt="图片找不到文字的提示" >
# 解决图片下间隙问题 ： 1：改变对齐方式 ---》vertical-align:middle（中线）
top bottom baseline(只要不是基线都可以解决)
图片路径：
绝对路径 ：不建议 c://a/b/a.jpg 网上的图片路径https://m.360buyimg.com/babel/jfs/t1/14767/35/9502/98915/5c8074faE4aa55aa9/0f1a568b3e5bd8f6.jpg
相对路径：本地路径
同级目录 图片和当前文档是一个文件下
上一级 跳出几个文件夹 一个../ 2个../../
下一级
文本属性（css 样式语言）
设置标签属性 ： 1：开始标签 < 属性名=“属性值”> 默认属性
自定义样式属性 style="属性名:属性值；属性名:属性值;属性名：属性值； "
# style自定义样式集合
（1）字体属性
字体颜色 : color:red/yellow/green
字体家族: "宋体" "楷体" font-family: "微软雅黑"
字体粗细： font-weight: 100-900 100最细 900最粗 400normal 正常
字体形态：font-style: 斜体 italic / 正常 normal
font: 形态 粗细 字体大小 家族
<!--¥ 钱的符号 空格   版权符 ©-->