HTML入门笔记（四）

表格

HTML 表格的基本结构：
1.< table >…< /table >：定义表格
2. < th >…< /th >：定义表格的标题栏（文字加粗）
3. < tr >…< /tr >：定义表格的行
4.< td >…< /td >：定义表格的列
5.cell padding单元格边距
6.cell spacing单元格间距
例:

  
Monthly savings
  

    
Month
    
Savings
  
  

    
January
    
$100
  
  

    
February
    
$50
  

列表

1.无序列表（此列项目使用粗体圆点（典型的小黑圆圈）进行标记，适合成员之间无级别顺序关系的情况，使用 < ul > 标签，每个列表项始于

标签）

 

 
Coffee
 
Milk
 
 

2.有序列表（使用 < ol > 标签，每个列表项始于 < li > 标签）
例:

 

 
Coffee
 
Milk
 
 

3.自定义列表(项目及其注释的组合,自定义列表以

标签开始。每个自定义列表项以 < dt > 开始。每个自定义列表项的定义以 < dd > 开始)例：

 

 
Coffee
 
- black hot drink
 
Milk
 
- white cold drink
 
 

HTML布局 < div >和< span >

< div > 元素是块级元素(在浏览器显示时，通常会以新行来开始（和结束）)，它是可用于组合其他 HTML 元素的容器，可嵌套
< span > 元素是内联元素（用来组合文档中的行内元素），可用作文本的容器，可嵌套
例:

Main Title of Web Page


Menu

HTML

CSS

JavaScript


Content goes here


Copyright © W3Cschools.com

使用表格 table标签的colspan属性进行布局

例:

Main Title of Web Page





Menu

HTML

CSS

JavaScript


Content goes here




Copyright © W3Cschools.com