九乡新闻网:学习HTML实例(一)
来源：百度文库 编辑：九乡新闻网 时间：2024/04/26 03:46:32
html的样式style 和颜色color
Look! Styles and Colors
This text is in Verdana and red
This text is in Times and green
This text is 30 pixels high
HTML 样式实例 - 字体、颜色和尺寸
A heading
A paragraph
设置字体的旧方法
A heading
A paragraph.
HTML 样式实例 - 文本对齐
This is a heading
The heading above is aligned to the center of this page.
超级连接
本文本 是一个指向本网站中的一个页面的链接。
本文本 是一个指向万维网上的页面的链接。
图像来作链接
html>
您也可以使用图像来作链接：
HTML 链接 - target 属性
Visit 好123!
创建电子邮件链接
这是邮件链接：
发送邮件
注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
另一种邮件连接
这是另一个 mailto 链接：
发送邮件！
注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
带有边框的表格
每个表格由 table 标签开始。
每个表格行由 tr 标签开始。
每个表格数据由 td 标签开始。
一列：
| 100 |
一行三列：
| 100 | 200 | 300 |
两行三列：
| 100 | 200 | 300 |
| 400 | 500 | 600 |
表格的表头
| Heading | Another Heading |
|---|---|
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 |
注意：这个空的单元格的边框没有被显示出来。（不过 Mozilla Firefox 可以将整个边框显示出来。）为了避免这种情况，在空单元格中添加一个空格占位符 ，就可以将边框显示出来。 带标题 (caption) 的表格
这个表格有一个标题，以及粗边框：
| 100 | 200 | 300 | |||||||||||||
| 姓名 | 电话 | |
|---|---|---|
| Bill Gates | 555 77 854 | 555 77 855 |
横跨两行的单元格：
| 姓名 | Bill Gates |
|---|---|
| 电话 | 555 77 854 |
| 555 77 855 |
表格内的标签
这是一个段落。 这是另一个段落。 | 这个单元包含一个表格：
| ||||
这个单元包含一个列表：
| HELLO |
单元格边距
没有 cellpadding：
| First | Row |
| Second | Row |
带有 cellpadding：
| First | Row |
| Second | Row |
单元格间距cellspacing
没有 cellspacing：
| First | Row |
| Second | Row |
带有 cellspacing：
| First | Row |
| Second | Row |
向表格填加背景颜色和背景图像
背景颜色：
| First | Row | ||||||||||||||
| background="/i/eg_bg_07.gif"> Second |
| 消费项目.... | 一月 | 二月 |
|---|---|---|
| 衣服 | $241.10 | $50.20 |
| 化妆品 | $30.00 | $44.45 |
| 食物 | $730.40 | $650.00 |
| 总计 | $1001.50 | $744.65 |