day01-html基础知识

1.HTML常用代码
	h1-h6 标题文本可用于网页标题，自带加粗，文字大小从1到6
	p 段落文本，文本之间为一段，结束后强制换行 段落标签默认上下是有间距的
	- 段落标签宽度会随着浏览器进行改变
	sup 文字上行
	- sub 文字下行
	加粗标签: b、strong 有区别 但是浏览器区分布明显肉眼不可见
	倾斜标签：i、em 同上

2.注释与快捷方式
	快速选择添加文本
	- 选择到标签的共有部分
	- ctrl+d 有几个按几次
	- 按住键盘上的左右按键移动光标到合适的位置即可
	:快捷生成法 h$*6{文本}
	- h 表示标签的名称
	- $ 表示序号 从1开始的
	- * 乘以
	- 6 生成6个
	- {里面写文本内容}

特殊标签和字符
	下划线标签: u
	常见的两个单标签
	- hr 横线
	- br 强制性换行
	Html中常用的转义字符: 快捷键tab+shift
	  不换行空格
	> >右尖括号
	&lt; <左尖括号
	&copy; 备案中图标
	&amp;     &

3.列表标签的使用: 无序列表、有序列表、自定义列表
（1）.无序列表
	标签名称:ul>li ul>li{文本}*10
	- 父级标签 ul 表示列表
	- 子级标签 li 列表的内容
	默认样式
	- 有黑色的实心圆
	- 独占一行 换行显示
	- 缩进效果
	作用:导航、新闻列表页面
（2）.有序列表
	标签名称:ol>li ol>li{文本}*10
	默认样式
	- 默认是序号
	- 独占一行 换行显示 缩进效果
	作用:轮播图
	拓展:
	- type 类型 默认值是1 a/A i/I
	- start 开始属性值只能是数字 表示当前从第几个开始数
（3）.自定义列表
	标签名称: dl>dt+dd
	- 父级标签 dl
	- 子级标签
	- dt
	- dd

4.超链接的几种方式
	标签名称：a
	属性
	- href 跳转的相对路径地址
	- target 控制打开窗口方式
	- _self 打开的窗口会覆盖原窗口
	- _blank 打开的新窗口
	- title 用户鼠标移上去 显示的一段提示文本
	拓展: 建议有a标签 就设置打开新的窗口页面
	- 在head标签内书写一个base标签
	默认样式
	- 字体有颜色
	- 有下划线
	- 鼠标移入的时候指针变成手型 引导用户点击跳转

5. 图片的插入方式
	标签名称: img
	属性值
	- src 地址
	- alt 当图片加载失败或者网络状态不佳时候的一段提示文本
	了解属性
	- title 鼠标移上去 图片会有一段提示文本
	- width/height 盒子/图片的宽高大小px 像素
	- border 边框 (复合属性:宽度+样式+颜色)

6.相对路径和绝对路径
	引用文件的方式可以使用在线路径和本地路径 本地路径又分为绝对和相对
	绝对路径
	- 含有盘符的路径
	- 写好项目之后都是需要打包放在服务器上 在工作中不推荐这种写法
	相对路径
	-  同级找同级 目标文件的名称.后缀名
	-  上级找下级 目标文件的文件夹/目标文件
	-  下级找上级
	-  ../ 跳出当前文件夹