HTML語言源代碼實(shí)例.doc

第二章 超文本標(biāo)記語言HTMLHTML語言源代碼實(shí)例1. 第一個HTML示例第一個HTML示例HTML的基本結(jié)構(gòu)。2. 換行標(biāo)簽測試換行標(biāo)簽天津公安警官職業(yè)學(xué)院 電教中心授課教師 李平3. 強(qiáng)制不換行標(biāo)簽 測試強(qiáng)制不換行標(biāo)簽黃鶴樓昔人已乘黃鶴去，此地空余黃鶴樓。黃鶴一去不復(fù)返，白云千載空悠悠晴川歷歷漢陽樹，芳草萋萋鸚鵡洲。日暮鄉(xiāng)關(guān)何處是？煙波江上使人愁。4. 自動換行標(biāo)簽 測試自動換行標(biāo)簽風(fēng)中，花兒謝了凄憐的嬌花在悲涼的秋風(fēng)中，從曾經(jīng)絢爛嬌媚的枝梢，輕曼著彩蝶般的舞姿，漫天飛灑，一片片無奈地落在那冰冷森寒的風(fēng)刃之上。于是，萬千飛舞的蝶便化成紛揚(yáng)的花絮，輕盈地隨風(fēng)而起，又隨風(fēng)飄得很遠(yuǎn)、很遠(yuǎn)。5. 分段控制標(biāo)簽 測試分段控制標(biāo)簽花兒什么也沒有。它們只有凋謝在風(fēng)中的輕微、凄楚而又無奈的吟怨，就像那受到了致命傷害的秋雁，悲哀無助地發(fā)出一聲聲垂死的鳴叫?；蛟S，這便是花兒那短暫一生最凄涼、最傷感的歸宿。而美麗苦短的花期卻是那最后悲傷的秋風(fēng)挽歌中的瞬間插曲。萬千飛舞的蝶便化成紛揚(yáng)的花絮6. 原樣顯示文字標(biāo)簽測試原樣顯示文字標(biāo)簽 列表標(biāo)簽文檔中的列表是很重要的，它將使文檔一目了然，在HTML中的列表分為無序列表和有序列表。有序列表與無序列表類似，但項(xiàng)目符號為序號數(shù)字。7. 居中對齊標(biāo)簽 測試居中對齊標(biāo)簽關(guān)山月明月出天山，蒼茫云海間。長風(fēng)幾萬里，吹度玉門關(guān)。漢下白登道，胡窺青海灣。由來征戰(zhàn)地，不見有人還。戌客望邊色，思?xì)w多苦顏。高樓當(dāng)此夜，嘆息未應(yīng)閑。8. 水平分隔線標(biāo)簽測試水平分隔線標(biāo)簽天津公安警官職業(yè)學(xué)院 偵察系網(wǎng)絡(luò)專業(yè)網(wǎng)頁設(shè)計與制作HTML超文本語言說明：“像素”是屏幕上的一個邏輯點(diǎn)，是圖像顯示的最小單位。電子槍通過屏幕網(wǎng)罩的小孔打到熒光屏上由三個熒光點(diǎn)（RGB）組成的一個小點(diǎn)稱為物理點(diǎn)。在某種顯示方式下，包含一個或多個物理點(diǎn)的最小顯示單位稱為邏輯點(diǎn)。9. 設(shè)定背景和文字的顏色設(shè)定網(wǎng)頁背景和文字的顏色春夜喜雨好雨知時節(jié)，當(dāng)春乃發(fā)生。隨風(fēng)潛入夜，潤物細(xì)無聲。10. 設(shè)定各級標(biāo)題 設(shè)定各級標(biāo)題一級標(biāo)題。二級標(biāo)題。三級標(biāo)題。四級標(biāo)題。五級標(biāo)題。六級標(biāo)題。11. 控制文字的格式控制文字的格式 天津公安警官職業(yè)學(xué)院 多媒體網(wǎng)頁制作第二章 HTML超文本標(biāo)記語言12. 特殊文字樣式字體的物理類型這些文字是粗體的 這些文字是斜體的 這些文字帶有下劃線13. 列表元素文檔中的列表是很重要的，它將使文檔一目了然，在HTML中的列表分為無序列表和有序列表。無序列表：ul元素可用于創(chuàng)建一個以圓點(diǎn)等項(xiàng)目開始的無序列表，列表中的每一項(xiàng)用li加以識別無序列表的使用天津公安警官職業(yè)學(xué)院電教中心授課教師：李平授課內(nèi)容HTML標(biāo)記語言無序列表有序列表：有序列表與無序列表類似，但項(xiàng)目符號為序號數(shù)字。有序列表的使用天津公安警官職業(yè)學(xué)院電教中心授課教師：李平授課內(nèi)容HTML標(biāo)記語言有序列表嵌套列表嵌套列表天津公安警官職業(yè)學(xué)院電教中心 授課教師：李平 授課內(nèi)容HTML標(biāo)記語言 無序列表有序列表嵌套列表14. 空格標(biāo)簽  空格方法花兒什么也沒有。它們    只有凋謝在風(fēng)中的輕微、凄楚而又無奈的吟怨，就像那受到了致命傷害的秋雁，悲哀無助地  發(fā)出一聲聲垂死的鳴叫。15. 上下標(biāo)標(biāo)簽：用來表示上標(biāo)簽。標(biāo)簽：用來表示下標(biāo)簽。上下標(biāo)標(biāo)簽 122=144(1111)216. 超鏈接超級鏈接天津公安警官職業(yè)學(xué)院著名高校網(wǎng)址注：建立超鏈接的標(biāo)簽為和格式：超鏈接名稱如果需要鏈接的文件放在同一臺機(jī)器的同一個目錄下，這屬于最簡單的本地鏈接，在鏈接文件時只需寫文件名而不需要寫文件的路徑，但是，要鏈接的文件若放在不同的目錄下進(jìn)行鏈接時，則必須寫明文件路徑。路徑名的寫法有兩種，相對路徑和絕對路徑。17. 超鏈接實(shí)現(xiàn)發(fā)送郵件發(fā)送郵件天津公安警官職業(yè)學(xué)院給我寫信格式：描述文字18. 背景音樂背景音樂背景音樂的歌名是“隱形的翅膀”注：src 是聲音文件的路徑，loop是設(shè)置循環(huán)播放的意思。19. 插入多媒體文件插入多媒體文件注：embed 是嵌入文件的意思，src 是聲音文件的路徑，autostart=true 是自動播放/ false是停止播放，loop=true是循環(huán)播放的意思，width和height是設(shè)置播放器大小的意思。20. 背景圖像的設(shè)定用平鋪圖像作為背景 天津公安警官職業(yè)學(xué)院電教中心授課教師：李平授課內(nèi)容HTML標(biāo)記語言21. 網(wǎng)頁中插入圖像在網(wǎng)頁中插入圖像 網(wǎng)頁制作教材注：是單獨(dú)標(biāo)簽。格式：屬性alt表示顯示圖像替代文字、width和height是設(shè)置圖像大小。如果圖像的顯示有問題，應(yīng)該檢查以下方面：1.文件名是否書寫正確；2. 圖像文件是否是 .BMP.GIF.JPG格式。22. 表格標(biāo)簽在HTML中，建立表格將使用四個標(biāo)簽， 下面是四個標(biāo)簽的說明。1.定義表格標(biāo)簽標(biāo)簽用于定義一個表格元素，一個表格元素是由多個橫行（）、單元格（）和表頭單元格（）子元素所組成的。2. 定義表格行標(biāo)簽標(biāo)簽用于定義表格的一行。在一組標(biāo)簽內(nèi)可建立一行表格，也可以包含多組由或標(biāo)簽所定義單元格。3. 定義表頭標(biāo)簽標(biāo)簽用于定義一個表格內(nèi)的表頭單元格，此單元格中的文字將以粗體的方式顯示。在創(chuàng)建表格中也可以不使用定義表頭單元格。4.定義單元格標(biāo)簽標(biāo)簽用于定義表格的單元格。一組標(biāo)簽將建立一個單元格。標(biāo)簽必須放在標(biāo)簽內(nèi)。注意：在一個最基本的表格元素中必須包含一組標(biāo)簽，一組標(biāo)簽，一組標(biāo)簽。 border屬性的參數(shù)值是數(shù)字，此屬性用于設(shè)置表格邊框尺寸。 一個簡單的表格 學(xué)生名單 姓名性別年齡專業(yè)王強(qiáng)男19計算機(jī)張紅女18網(wǎng)絡(luò)23. 網(wǎng)頁特效舉例：在許多網(wǎng)站中，常常在第一個網(wǎng)頁的畫面停留幾秒后，就自動切換到另一個網(wǎng)頁。這個技巧就是利用標(biāo)簽，然后將http-equiv屬性設(shè)置為refresh(表示自動更新)，并在content屬性中指定秒數(shù)和自動更新所顯示的網(wǎng)頁地址。格式：網(wǎng)頁自動切換本網(wǎng)站正在升級3秒之后將自動切換到高校網(wǎng)。24. 注釋標(biāo)簽注釋標(biāo)簽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