HTML语言源代码实例.doc

第二章 超文本标记语言HTMLHTML语言源代码实例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标记语言 无序列表有序列表嵌套列表14. 空格标签  空格方法花儿什么也没有。它们    只有凋谢在风中的轻微、凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，悲哀无助地  发出一声声垂死的鸣叫。15. 上下标标签：用来表示上标签。标签：用来表示下标签。上下标标签 122=144(1111)216. 超链接超级链接天津公安警官职业学院著名高校网址注：建立超链接的标签为和格式：超链接名称如果需要链接的文件放在同一台机器的同一个目录下，这属于最简单的本地链接，在链接文件时只需写文件名而不需要写文件的路径，但是，要链接的文件若放在不同的目录下进行链接时，则必须写明文件路径。路径名的写法有两种，相对路径和绝对路径。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.定义单元格标签标签用于定义表格的单元格。一组标签将建立一个单元格。标签必须放在标签内。注意：在一个最基本的表格元素中必须包含一组标签，一组标签，一组标签。 border属性的参数值是数字，此属性用于设置表格边框尺寸。 一个简单的表格 学生名单 姓名性别年龄专业王强男19计算机张红女18网络23. 网页特效举例：在许多网站中，常常在第一个网页的画面停留几秒后，就自动切换到另一个网页。这个技巧就是利用标签，然后将http-equiv属性设置为refresh(表示自动更新)，并在content属性中指定秒数和自动更新所显示的网页地址。格式：网页自动切换本网站正在升级3秒之后将自动切换到高校网。24. 注释标签注释标签A.menuitem COLOR: menutext; TEXT-DECORATION: noneA.menuitem:hover COLOR: highlighttext; BACKGROUND-COLOR: highlightDIV.contextmenu BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 999; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; BACKGROUND-COLOR: buttonfacefunction Year_Month() var now = new Date(); var yy = now.getYear(); var mm = now.getMonth()+1; var cl = ; if (now.getDay() = 0) cl = ; if (now.getDay() = 6) cl = ; return(cl + yy + 年 + mm + 月); function Date_of_Today() var now = new Date(); var cl = ; if (now.getDay() = 0) cl = ; if (now.getDay() = 6) cl = ; return(cl + now.getDate() + ); function Day_of_Today() var day = new Array(); day0 = 星期日; day1 = 星期一; day2 = 星期二; day3 = 星期三; day4 = 星期四; day5 = 星期五; day6 = 星期六; var now = new Date(); var cl = ; if (now.getDay() = 0) cl = ; if (now.getDay() = 6) cl = ; return(cl + daynow.getDay() + ); function CurentTime() var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000) / 1000; var clock = hh+:; if (mm 10) clock += 0; clock += mm+:; if (ss 10) clock += 0; clock += ss; return(clock); function refreshCalendarClock() document.all.calendarClock1.innerHTML = Year_Month(); document.all.calendarClock2.innerHTML = Date_of_Today(); document.all.calendarClock3.innerHTML = Day_of_Today(); document.all.calendarClock4.innerHTML = CurentTime(); var webUrl = webUrl; document.write(); document.write();document.write(font );document.write(style=cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120% );if (webUrl != netflower) document.write(font ); document.write(style=cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110% ); document.write(); document.write();document.write();document.write();document.write();document.write( );document.write( );docum