HTML基础（三）

XHTML的语法规范

• HTML不区分大小写，但是一般使用小写
• 注释中不能嵌套
• html标签必须结构完整：1.标签成对出现。2.自结束标签（对于不完整的内容浏览器会进行修正，但可能出现不可知的错误.尽量编写符合语法规范的内容）
• 可以嵌套但是不能交叉
• 属性必须有值

标签细讲

标签就是html的主要内容了，应该加强对标签的使用和学习。

1.< hr>

画水平线
属性

• align 水平对齐方式 属性值 ：left,center,right ；默认为居中
• width 水平线的宽度 可取像素（px）和百分比（%）
• size 水平线的高度
• color 颜色

2.< address >

定义文档或文章作者的联系信息，以斜体显示

3.< pre>

被包围在pre中的文本会保留空格和换行符

4.文本格式化标签

标签	描述	标签	描述
< b>	定义粗体文字	< del>	定义删除字
< u>	定义下划线文本	< small>	定义小号字
< i>	定义斜体字	< sup>	定义上标字
< strong>	定义加重语气字	< sub>	定义下标字
< em>	定义着重字	< ins>	定义插入字

5.列表标签

一类是无序列表，另一类是有序列表

标签	描述
< ul>	定义无序列表
< ol>	定义有序列表
< dl>	自定义列表
< li>	列表项目的标记

• 列表中只组合< li>标签，其他标签不参与组合（下面会有例子）
• 但是< li>是一个容器，可以容纳所有元素

< ul>

 <ul>      
      <li>无序列表</li>       
      <li>wuxuliebiao</li>      
 </ul>

< ul>和其中的< li>均有type属性可以设置disc(默认实心圆)，circle（空心圆），square(小方块)，none(显示)

<ul type="circle">            
        <li type="disc">无序列表</li>            
        <li>wuxuliebiao</li>            
        <p>asdada</p>        
</ul>

这说明了列表不组合其他标签，而且< li>样式属性级别高于< ul>

< ol>

 <ol>           
         <li>有序列表</li>           
         <li>youxuliebiao</li>        
 </ol>

同样的，有序列表也有type属性，可以设置1，a，A，i，I。同样的,< li>优先于< ol>

< dl>

<dl>       
     <dt>学校专业</dt>     
     <dd>计算机科学与技术</dd>        
     <dd>大数据</dd>     
     <dd>信息科学与信息系统</dd>        
</dl>

< dt>定义列表中的项目，< dd>定义项目的描述。一个< dt >下可以有多个
< dd>

6.< table>

标签	作用
< table>	定义表格
< tr>	定义行，质能包含< td>或< th>元素
< td>	定义单元格
< caption>	定义表格标题
< th>	定义表格页眉的单元格
< thead>	定义表格头
< tbody>	定义表格的主体
< tfoot>	定义表格脚

表格行的属性

属性	描述
height	行高
align	行内容水平对齐(left,right,center)
valign	行内容垂直对齐(top,middle,bottom)
bgcolor	行的背景颜色

列的属性

属性	描述
weighth/height	单元格的宽和高
align	水平对齐(left,right,center)
valign	垂直对齐(top,middle,bottom)
bgcolor	背景颜色
colspan	设置单元格跨列
rowspan	设置单元格跨行

大体很简单的一个表格

<table border="1" width="300">            
<caption>表格的标题</caption>           
	 <tr>       
	 	<td>姓名</td>                
		<td>年龄</td>             
	 </tr>            
	 <tr>                
	 	<td>张三</td>                
	 	<td>18</td>           
	  </tr>
</table>

块元素和行内元素

1. 块元素独占一行，行元素在同一行内显示
2. 块级元素默认宽度为100%，行内元素由内容撑开
3. 块元素可以设置宽高，行内元素不可以设置宽高
4. 块元素可以设置margin和padding和四个方向，行内元素不可以设置上下值(设置了不起作用)
5. 块元素的display默认为block,行内元素display默认为inline
6. 块级元素可以包含块级元素和行内元素，行内元素一般只包括行内元素和文本
7. 常见的块级元素有h1-h6,p,div等，行内元素有a,em,b,i,u等。