初入html

看课

• 网页中编写多个空格默认自动被解析成一个空格
• title 标签的内容会作为搜索结果的超链接上的文字显示
• <!---->为注释，VSCode中快捷键 Ctrl+/
• !+回车/Tab键出html框架结构
• <b>加粗标签 如需在网页中书写特殊符号，需要使用html中的实体(转义字符)
• 实体语法： &实体名字;
    不换行空格
  > 大于号
  < 小于号
  © 版权符号@
• <hgroup>标题组 把相关的标题放到里面</hgroup>
• blockquote 长引用 q行内引用 br表示换行
• div 没有语义(块元素) span 没有语义(行内元素) a 超链接(行内元素
• ul 无序列表 li 列表项 ol 有序列表 dl 定义列表 dt 定义内容 dd 对内容解释说明

超链接

• ./ 表示当前文件所在目录 …/ 表示当前文件所在目录的上一级目录
• target属性 指定超链接打开位置   _self(默认值 在当前页面打开超链接)   _blank(在一个新页面中打开超链接)
• id 属性(唯一不重复)
• href=“javascript:;” 空白超链接
• <img>替换元素 图片格式 jpg(颜色丰富 不支持透明图片 照片) gif(颜色少 简单透明 动图) png(颜色丰富 复杂透明 不支持动图) webp(前三种格式替代品 有所有优点 文件小 兼容性不好) base64(将图片使用base64进行编码 图片转换为字符 通过字符形式引入图片)效果一样用小的 效果不一样用效果好的

---

meta标签表示用什么方式编码

1.charset 指定网页字符集 
2.name 指定数据名称 若为description 会出现在搜索引擎简介上
3.content 指定的数据的内容
4.keywords 表示网站的关键字 可以同时指定多个关键字 关键字间用`,`隔开
5.`<meta http-equiv="refresh" content="3;url=http://www.baidu.com">` 表示3秒后跳转到百度

md使用方法

• 几个#代表几级标题
• 斜体 粗体 又粗又斜
• 删除内容
  

---

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

---

第一层

第二层
这样还是第二层

再往里层

第一层

---