2021-05-26 Day01-html标签

***html标签

块级元素

1.div容器
	<div></div>
2.p段落元素
	<p></p>
	垂直方向有段落间距
3.标题元素
	<h1></h1>一级标题
	<h2></h2>二级标题
	<h3></h3>三级标题
	<h4></h4>四级标题
	<h5></h5>五级标题
	<h6></h6>六级标题
	h1字号最大,垂直方向有间距。h1在页面中只能出现一次
4.列表
	- 无序列表
		<ul type="square">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ul>
		type="disc"实心圆
		type="circle"空心圆
		type="square"实心方块
	- 有序列表
		<ol type="I" start="">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ol>
		type="1"数字
		type="a"小写字母
		type="A"大写字母
		type="i"小写罗马数字
		type="I"大写罗马数字
		start=""代表从几开始数起
	- 自定义列表
		<dl>
			<dt>千锋教育</dt>
			<dd>知名IT培训机构,培训前端、java、UI等一些列课程</dd>
		</dl>

行内元素

1.加粗
	<b></b>
	<strong></strong> 有强调的作用
2.倾斜
	<i></i>
	<em></em> 有强调的作用
3.下划线
	<u></u>
4.删除线
	<s></s>
	<del></del>
5.span
	一段文本中改变几个文字的样式,而且保证前后不换行
6.上标
	<sup></sup>
7.下标
	<sub></sub>
8.文本换行
	<br/>
	编辑器中无论有多少个空格和回车、缩进都会被浏览器解析成一个空格
9.img图片
	<img src="" alt="" title=""/>
		src=""路径
		alt=""图片加载失败时显示的文本
		title=""鼠标移入时显示的文本
	路径：绝对路径和相对路径
		同级文件：直接写文件名.后缀
		子集：先找到同级文件夹/引入的文件
		父集：返回上一级../
	***面试题：alt和title的区别
10.超链接
	<a href="" target="">跳转到百度</a>
		href=""路径
		target="_self" 默认值,在当前页面打开
		target="_blank" 在新的标签页中打开
	利用a标签打开一张图片
	<a href="img/img14.jpg">
		打开图片
	</a>

转义字符

空格： 
小于号：<
大于号：>
版权标识：©
注册：®
引号："