:学习HTML实例(一)
来源:百度文库 编辑:九乡新闻网 时间:2024/10/06 00:05:27
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 |