自学html简单总结(一)

1.html的三大模块：

html、头部、身体

2.一个元素的构成

3.html元素的三大分类：

（1）顶级元素：html, body, frameset
（2）块级元素：<div></div>每一个div占据一行，

<h1~h6></h1~h6>指的是标题

<p>显示出这里写的段落</p>

等等。。。。
（3）内联元素：<a></a>超链接

<img src="http://www.baidu.com/car.jpg">插入图片

4.各种链接的使用方法：（超链接通俗的来说就是可以点击的一个块，点击了会发生跳转或执行一些行为）

(1).<a></a>：超链接

href 定义连接的目标URI（统一资源标识符）
绝对路径：http://www.baidu.com
相对路径：Jeff.html
邮件地址：wmxvn@hotmail.com
空连接 ：javascript:void(0);
target 定义连接的目标窗口

title 定义连接的提示信息
type 连接到任何类型的文件以供下载
例如：报名表

(2).<link........>：HTML文档链接（只能出现在head标签下），拥有的属性如下：

href：定义关系链接地址
rel: 定义当前文档与所连接文档之间的关系。
type: 文档类型

(3).<base........>：基准链接地址,设置页面中所有文档相对路径相对的基准URI。如果设定了基准链接地址，当前页面中的所有相对路径都基于该路径

<base href="http://localhost:8888/test/">

注：1.锚点：在按下href后面引用的#链接的字块时会跳回到锚点的声明位置

<h2 id="section1">1,什么是万维网</h2>

…

<a href="#section1">查看第一部分内容</a>
在点击了“查看第一部分内容”时会自动回退到声明section1的位置

2.一些属性名词： alt : 当图片文件找不到的时候显示的文本信息（例如:） align ：图片和文字的对齐

5.表格 table

• 1）table
  定义表格
  属性：
  border: 设置表格边框线条宽度
  align: 表格在页面中对齐
  width: 设置表格宽度
  bgcolor:表格背景色
  cellspacing: 单元格之间的间距
  cellpadding: 单元格边沿与其内容之间的距离
  frame: 表格中边框线的显示
  void 不显示边框
  above 上边框
  below 下边框
  hsides 上下边框
  vsides 左右边框
  lhs 左边框
  rhs 右边框
  box 四个边框
  border 四个边框
  rules: 表格中分割线的显示
  none 无分割线显示
  groups 仅在列分组间和行分组间显示分割线
  rows 仅在行间显示分割线
  cols 仅在列间显示分割线
  all 在所有行列间显示分割线

• 2）tr
  定义表格行

• 3）th/td
  th 定义单元格
  td 定义内容单元格
  属性：
  colspan 跨列(合并列)
  rowspan 跨行(合并行)
  align 单元格内容水平对齐
  left,center,right, justify 两端对齐
  valign 单元格内容垂直对齐
  top,middle,bottom, baseline 基准
  对齐的继承
  1）内容自身的设置具有最高优先级
  2）th,td元素的对齐设置
  3）tr,thead,tfoot,tbody元素的对齐设置
  4）table元素的对齐设置具有全局性
  5）默认的设置

• 4）caption: 表格的标题

• 5）表格的分组显示
  thead 表格头
  tbody 表格主体
  tfoot 表格尾