[Title]Html代码实例(上)[EndTitle] [Content] HTML代码示例 HTML文本格式示例 一个非常简单的HTML文件
这是一个非常简单的HTML。 HTML简单段落这是第一段。
这是第二段。
这是第三段。
在HTML里,用p来定义段落。
在HTML写多个段落这一段 在源代码里 包含很多分行, 但是浏览器忽略 这些分行。
这一段 在浏览器里 包含 很多 空格, 但是 浏览器忽略多余空格。
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。
在HTML里如何换行
要
在一段
里
换行
请使用
br这个Tag。
上面的标题是居中显示的。
在HTML文件里加一条横线(horizontal rule)
用hr这个Tag可以在HTML文件里加一条横线。
村妇想像皇宫的生活:皇后得用金扁担挑水吧。
问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。
初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……
HTML文件的代码注释代码注释是不会显示在网页里的。
HTML常用格式Tag
粗体用b表示。
斜体用i表示。
芙蓉姐姐这个词当中划线表示删除。
想唱就唱这个词下划线插入。
X2其中的2是下标
X2其中的2是上标
好好学习,天天向上。这句话缩进表示引用
这是 预设(preformatted)文本. 在pre这个tag里的文本 保留 空格和 分行。
call getOrders
用code显示计算机代码,code里显示的字符是等宽字符。
HTML预格式文本(preformatted text)
这是预格式(preformatted) 文本 浏览器会保留pre里面的 空格 和分行。
pre用来表示计算机代码,效果很好。看如下代码显示:
for i = 1 to 10 print i next i
HTML不同计算机输出的Tag
计算机代码 Computer code
注:以上这些Tag都可以用来显示计算机程序代码。
HTML里加入地址 上海站长网 站长学院路1000号HTML里表示删除插入的Tag
我要
删除
插入
文字。
还可以使用strike表示删除,效果和del一样。但是HTML国际标准推荐使用del,不再建议使用strike。
HTML超链接示例 如何创建HTML超链接(hyperlinks)
将图片作为一个超链接在HTML文件里跳转
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
在新窗口打开一个链接
一则笑话如果你将target的属性值设成_blank,你点击这个链接的时候,网页就会在一个新窗口出现。
链接到一个邮箱地址这是一个最简单的邮箱地址的链接: 给新浪网站发信
这个邮箱地址的链接写了subject内容: 给新浪网站发信
这个邮箱地址链接写了to, cc, bcc, subject, body的内容: 写信给新浪
注:空格请用%20表示。
HTML表格(Table)示例 HTML简单表格
表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。
100 |
100 | 200 | 300 |
100 | 200 | 300 |
400 | 500 | 600 |
没有边界的表格
100 | 200 | 300 |
400 | 500 | 600 |
100 | 200 | 300 |
400 | 500 | 600 |
有边界的表格
第一 | 行 |
第二 | 行 |
第一 | 行 |
第二 | 行 |
第一 | 行 |
第二 | 行 |
姓名 | 电话 | 传真 |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
姓名 | Bill Gates |
---|---|
电话 | 555 77 854 |
传真 | 555 77 855 |
表格空单元格
Some text | Some text |
Some text |
上面的表格中,有一个单元格里是没有任何内容的,这个空的单元格没有显示边界,虽然整个表格设了边界值。
Some text | Some text |
Some text |
上面的例子,你可以看到,给这个单元格加上一个空格符号之后,单元格的边界就显示出来了。
注意:空格符要用&bsp;表示。 是一个HTML特别字符,参见HTML特别字符(HTML Character Entities)。
带标题的表格
100 | 200 | 300 |
400 | 500 | 600 |
包含多行或多列的表格单元格
[EndContent]