当前位置：文档视界 › HTML语言源代码实例

HTML语言源代码实例

HTML语言源代码实例1.第一个HTML示例

第一个HTML示例

HTML的基本结构。

2.换行标签

测试换行标签

铜陵学院

电教中心

授课教师李平

3.强制不换行标签

测试强制不换行标签

黄鹤楼

昔人已乘黄鹤去，此地空余黄鹤楼。

黄鹤一去不复返，白云千载空悠悠晴川历历汉阳树，芳草萋萋鹦鹉洲。日暮乡关何处是？

烟波江上使人愁。

4.自动换行标签

测试自动换行标签

风中，花儿谢了

凄怜的娇花在悲凉的秋风中，从曾经绚烂娇媚的枝梢，

轻曼着彩蝶般的舞姿，漫天飞洒，一片片无奈地落在那冰冷森寒的风刃之上。

于是，万千飞舞的蝶便化成纷扬的花絮，轻盈地随风而起，

又随风飘得很远、很远。

5.分段控制标签

测试分段控制标签

花儿什么也没有。它们只有凋谢在风中的轻微、

凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，

悲哀无助地发出一声声垂死的鸣叫。

或许，这便是花儿那短暂一生最凄凉、最伤感的归宿。

而美丽苦短的花期

却是那最后悲伤的秋风挽歌中的瞬间插曲。

万千飞舞的蝶便化

成纷扬
的花絮

6.原样显示文字标签

测试原样显示文字标签

列表标签

文档中的列表是很重要的，它将使文档一目了然，在HTML中的列表分为无序列表和有序列表。

有序列表与无序列表类似，但项目符号为序号数字。

7.居中对齐标签

测试居中对齐标签

关山月

明月出天山，苍茫云海间。

长风几万里，吹度玉门关。

汉下白登道，胡窥青海湾。

由来征战地，不见有人还。

戌客望边色，思归多苦颜。

高楼当此夜，叹息未应闲。

8.水平分隔线标签

测试水平分隔线标签

天津公安警官职业学院

侦察系

网络专业

网页设计与制作

HTML超文本语言

说明：“像素”是屏幕上的一个逻辑点，是图像显示的最小单位。电子枪通过屏幕网罩的

小孔打到荧光屏上由三个荧光点（RGB）组成的一个小点称为物理点。在某种显示方式下，包含一个或多个物理点的最小显示单位称为逻辑点。

9.设定背景和文字的颜色

设定网页背景和文字的颜色

春夜喜雨

好雨知时节，当春乃发生。

随风潜入夜，润物细无声。

10.设定各级标题

设定各级标题

一级标题。

二级标题。

三级标题。

四级标题。

五级标题。

六级标题。

11.控制文字的格式

控制文字的格式

天津公安警官职业学院

多媒体网页制作

第二章HTML超文本标记语言

12.特殊文字样式

字体的物理类型

这些文字是粗体的

这些文字是斜体的

这些文字带有下划线

13.列表元素

文档中的列表是很重要的，它将使文档一目了然，在HTML中的列表分为无序列表和有序列表。

⑴无序列表：

ul元素可用于创建一个以圆点等项目开始的无序列表，列表中的每一项用li加以识别

无序列表的使用

天津公安警官职业学院
电教中心
授课教师：李平
授课内容《HTML标记语言》
无序列表

⑵有序列表：

有序列表与无序列表类似，但项目符号为序号数字。

有序列表的使用

天津公安警官职业学院
电教中心
授课教师：李平
授课内容《HTML标记语言》
有序列表

⑶嵌套列表

嵌套列表

天津公安警官职业学院
电教中心
- 授课教师：李平
- 授课内容《HTML标记语言》

无序列表
有序列表
1. 嵌套列表

14.空格标签

空格方法

花儿什么也没有。它们只有凋谢在风中的轻微、

凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，

悲哀无助地

发出一声声垂死的鸣叫。

15.上下标

^{标签：用来表示上标签。}

_{标签：用来表示下标签。}

上下标标签

12²=144

(1111)₂

16.超链接

超级链接

天津公安警官职业学院

著名高校网址

注：建立超链接的标签为和

格式：超链接名称

如果需要链接的文件放在同一台机器的同一个目录下，这属于最简单的本地链接，在链接文件时只需写文件名而不需要写文件的路径，但是，要链接的文件若放在不同的目录下进行链接时，则必须写明文件路径。路径名的写法有两种，相对路径和绝对路径。

17.超链接实现发送邮件

发送邮件

天津公安警官职业学院

给我写信

格式：描述文字 18.背景音乐

背景音乐

背景音乐的歌名是“隐形的翅膀”

注：src 是声音文件的路径，loop是设置循环播放的意思。

19.插入多媒体文件

插入多媒体文件

注：embed 是嵌入文件的意思，src 是声音文件的路径，autostart=true 是自动播放/false是停止播放，loop=true是循环播放的意思，width和height是设置播放器大小的意思。

20.背景图像的设定

用平铺图像作为背景

天津公安警官职业学院

电教中心

授课教师：李平

授课内容《HTML标记语言》

21.网页中插入图像

在网页中插入图像

网页制作教材

注：是单独标签。

格式：属性alt表示显示图像替代文字、width和height是设置图像大小。

如果图像的显示有问题，应该检查以下方面：

1.文件名是否书写正确；

2. 图像文件是否是 .BMP.GIF.JPG格式。

22.表格标签

在HTML中，建立表格将使用四个标签

，，，下面是四个标签的说明。

1.定义表格标签

标签用于定义一个表格元素，一个表格元素是由多个横行（）、单元格（

标签用于定义表格的一行。在一组标签内可建立一行表格，也可以包含多组由

标签内。

注意：在一个最基本的表格元素中必须包含一组

）和表头单元格（	）子元素所组成的。 2. 定义表格行标签
或	标签所定义单元格。 3. 定义表头标签		标签用于定义一个表格内的表头单元格，此单元格中的文字将以粗体的方式显示。在创建表格中也可以不使用	定义表头单元格。 4.定义单元格标签		标签用于定义表格的单元格。一组	标签将建立一个单元格。	标签必须放在

2. 定义表格行标签

3. 定义表头标签

标签用于定义一个表格内的表头单元格，此单元格中的文字

将以粗体的方式显示。在创建表格中也可以不使用

定义表头单元格。

4.定义单元格标签

标签用于定义表格的单元格。一组

标签将建立一个单元格。