day2 html标记

Html body级别标记

*属性在头标记内标注，多个属性之间以空格隔开，属性值用双引号包起 *

段落标记<p>

被一组段落标记的自成一行，会占满整行，并在段落之间有1行的行间距
eg：
<p>第一段话</p><p>第二段话</p>
实例：

第一段话

第二段话

网页内容标题标记（一般很少用，通过加粗及字号实现，常用于新闻等网页内容内）<h1><h2>……<h6>

1.自成一行，显示效果根据数字依次减小（h1最大，h6最小）
2.在ie和chrome上的字号大小显示不一样（兼容性问题）

属性 align 水平对齐属性：left、center、right

eg：
<h1 align = "center">标题1</h1>
实例：

标题1

换行标记<br>

break缩写，换行，与段落标记不一样，段落上下之间有段间距，而换行只换行，无段间距，为行间距
eg：
<br>第一段话</br><br>第二段话</br>
实例：

第一段话
第二段话

分割线标记(单一标记)<hr>

分割线，从中间向两边划开，默认颜色为灰色
属性
color 属性值：颜色单词/代码
size（粗细） 属性值：1-7
width（分割线长短） 属性值：数字，单位为px
align 属性同上
eg：
<hr width = "600" size = "11">
实例：

---

字体标记<font>

属性
color 同上
size 同上
face 字体格式，eg：宋体、黑体，如果设置了没有的字体，则默认显示宋体
eg：
<font face = "幼圆" size = "10">测试</font>
实例：

测试

center标记<font>

将被包括在其中的内容全部居中显示
eg：
<center><br>第一段话</br></center>
实例：

第一段话

文本格式修改标记

<b> 加粗
<em>着重，稍微倾斜（不常用）
<i> 斜体
<small> 小号
<strong> 加重（不常用）
<ins> 下划线 insert
<del> 删除线 delete
<sub> 下标
<sup> 上标

实体字符标记（用于在html中显示特殊符号）

eg © ©
  空格
< <
> >
其他参考：https://www.w3school.com.cn/tags/html_ref_symbols.html

图片标记（图片插入）单一标记

<img src = ''/>
src 图片路径
1、绝对路径 从头开始给地址 eg 本地路径从盘符开始给地址 F:\img\a.jpg 网络图片：http路径）
2、相对路径 以当前文件所在位置所在为基点，查找对应文件位置
同级 src = 'a.jpg'
子目录 src = '文件夹1/文件夹2/a.jpg'
向上级目录跳 ..\
上一级 src = '..\a.jpg'
上一级中的子文件夹 src = '..\文件夹2/a.jpg'
宽 width 高 height
width = '200px'

背景属性（body的属性）

bgcolor 背景颜色
background 背景图片

超链接

eg:<a href = 'a.html' target = "_blank">超链接描述</a>
实例： 超链接描述
常用属性
1、href 地址,与图片地址一样 绝对/相对/当前页内书签(#+name)
2、target 打开地址的方式,默认在当前页 同页面_self 新页面 _blank
3、name 设置书签标记，可在所有可显示的标记内均加此标记
eg：
<a href = '#top' >到顶端</a>
到顶端

列表

• 有序列表 <ol><li>每一项的内容</li></ol>
<ol> 有序列表
  <li> 具体内容，有序列表将自动给其标号
  属性 在ol内设置
  tpye 设置标号属性，默认为阿拉伯数字表示，可设置字母a、罗马数字i/I、阿拉伯数字1
  start 设置起始值（属性值为数字）
• 无序列表 <ul><li>每一项的内容</li></ul>
  设置方式同上
  属性type 圆圈 circle 圆点 disc 方块 square
• 无序列表

		<dt>主分类
			<dd>二级分类</dd>
			<dd>二级分类</dd>
		</dt>
	</dl>   

eg:

主分类

二级分类

二级分类