<p> 元素内容 </p> p用来表示一个段落（中间会有空行）
<hr> 单标签，给文档加一个横线 ****注意没有结束标签
<br /> 直接换行
<h1> 元素内容 </h1> h用来表示标题（h1到h6越来越小，h1最大）
<pre> 文本内容 </pre> /* 保留文本的空格和换行，适合显示代码*/
<ul> ………… </ul> 无序列表
<ol> …………… </ol> 有序列表
属性： <标签 属性1=参数1>
#Align 属性： 指定对齐方式 默认：left（左对齐）；right（右对齐）；center（居中对齐）
#bgcolor 属性: 添加一个背景颜色
#例：<h1 align="center">居中的标题 </h1>
文本元素
- b-------------加粗文字
- br------------强制换行
- i-------------让文字倾斜
- del------------作用是删除文字
- strong--------强调文本，实际作用加粗文字
- wbr----------作用是表示安全换行，缩小窗口会从语句中插入<wbr>处先分割
- em-----------强调，实际作用文字倾斜
- s-------------实际作用
删除线，表示不确定的删除 - u-------------给文字加下划线
- ins------------给文字加下划线
- small----------添加小号字体，用于免责声明和澄清声明
- sub和sup-----添加上标和下标sub下标；例：CH<sub>4</sub>COOH CH4COOH
- dfn-----------对词或词语的解释，实际倾斜文本
- abbr----------表示一段文本的缩写，没有实际效果
- q-------------实际作用给文本加双引号
- codo----------表示计算机代码片段；var元素用来表示编程语言中的变量；samp元素表示程序或者计算机的输出；kbd元素表示部分内容是由用户输入的*这几个属于英语范畴，必须将lang=”en”，英语才能体现效果;例：请用户输入<kbd>Enter</kbd>键
- ruby----------表示出文字上方或者右方的注音符号
- cite-----------表示引用其他作品标题，实际作用加粗文本
- bdo-----------设置文字方向，必须用dir属性才能设置，rtl（从右到左）；ltr(从左到右) 默认ltr；例:<bdo dir=”rtl”>文字方向</bdo>
- mark----------突出显示文本，实际作用加一个黄色背景（给文字）
- time-----------表示日期和时间
- span----------无特殊效果
超链接：： <a href=http://......>xxx</a>
<a href="https://www.baidu.com">百度</a><br>
本地文档类“”中放文件名
<a href="002.html">静夜思</a> <br>
图片类“”中放图片名称
<a href=""><img src="浪漫故事.jpg"></a><br>
邮箱类。。。
<a href="mailto:[email protected]">作者邮箱</a>
target属性
_self ----------当前位置
_blank ----------新窗口
_top ------------最顶层框架
_parent ---------父框架
<a href=www.baido.com target=”_self”>百度</a>
绝对路径和相对路径
- 绝对路径 绝对位置：file:///D:\桌面\web文件夹\浪漫故事.png
相对路径：
在同一路径，直接写文件名称
在下级路径，xxx/资源名称
在下下级路径，xx/xxx/资源名称 ##路径尽量避免出现中文汉字##
在上级路径，../资源名称
在上上级路径，../../资源名称
列表
1 无序列表的基本格式
2 无序列表的type属性 disc（默认）circle：圆圈 square：小方块
3 有序列表的基本格式
4 有序列表的type属性：整数（默认）大小写字母 大小写罗马字母
5 有序列表的start属性：定义列表的开始序号，
6 有序列表的value属性：定义某个列表项的序号 <li>里 下一项也会变化
7 有序列表的value属性：由dl定义列表，dt定义列表项目，dd定义列表内容
表格：
表格的三个基本要素：
table 表格的范围，外框。用来定义表格，其他元素包含在里面
tr 表格的行
td 表格的单元格
border
th元素：为表格添加标题行（是tr的子元素，在tr里面自动居中加粗）
colspan元素：横向合并单元格列数，属性值为正整数<td colspan>=”3” </td>
rowspan元素：纵向合并单元格行数，<td rowspan>=”3” </td>
#####合并后多余的要删除！！！！
caption元素：给表格添加标题，是table的子元素，需在table中使用
thead\tfoot\tbaody元素：表头，页脚，主题，确定顺序的作用
colgroup元素用来组合列，可设置宽度，span元素设置列的数目，子元素：col
colgroup作为table的子元素，必须在caption后，thead之前
<colgroup span=”2” style=”width:200px”></colgroup>##两列宽度为200像素
col元素设定列的属性，也可用span属性。
Col更加精确，精确调整列数，上图一共五列，中间三列为200px，第一列背景红色
中间三列分别不同颜色，最后一列在colgroup中设置也可以
特殊符号的使用
实体
内部样式表
在head里可为所有的<p>定义属性
内联样式表：<p type=”color:red”> </p>
单独加属性
内联框架：：：：：：：：：：：：：：：
Iframe元素在文档中添加一个内联框架，为body子元素，主要属性：src;name/id;width;height 宽可用百分比，高不可用，除非body用内联框架
Body中的style需px（像素）单位 iframe中不需要
Name标签让<a>中的网址加入到内联框架里
<body style=”margin:0”> 周围间距
内联框架可在表格里，
宽和高为100% 即为填满表格