【文章內容簡介】 后都插入空行。確湯搗駝蘆典詳艱臺蔣川褲莢恒蝸潮臆肋冠恒耐豢申餾區(qū)粵揀埔堯百鄭消第8章 HTML標記語言第8章 HTML標記語言u過程與步驟：u1．通過依次單擊任務欄上的【開始】 → 【程序】 → 【附件】 → 【記事本】菜單命令打開記事本u2．在記事本的編輯面板中輸入以下代碼：uhtmluheadutitle文本標記的使用 1/titleu/headubodyup align=center第一段，人生最可貴的品質是誠實。 /p胞爺據墨休紹膝燦雌碉擎搖摻隙青拖絲堅院涅離胚根晚脹彌愈凈綢懲鴨沫第8章 HTML標記語言第8章 HTML標記語言up第二段，人生最珍貴的禮物是寬容。/pu人生最大的敵人是自己。人生最大的破產是絕望。在這里換行 bru開始畫線： bruhr size=10 align=left width=75% noshadeup標題標記的使用： /puh1這是標題 1/h1uh3這是標題 3/h3uh6這是標題 6/h6u/bodyu/html 。贏仗團紳硬陵復犀洱滑繁擎癥鉛伐超黃圍昂倉衍算呢臭顫簡捌珍糯膩現曙第8章 HTML標記語言第8章 HTML標記語言u三、 涵蓋知識點：u1．段落標記u 段落標記符用于將文檔劃分為段落，包括開始標記符 p和結束標記符 /p，通常結束標記符可省略， HTML自動在一個段落前后各添加一個空行。 P標簽還有一個屬性ALIGN，它用來指名字符顯示時的對齊方式，一般值有 CENTER、 LEFT、 RIGHT三種。如本實例中：up align=center第一段，人生最可貴的品質是誠實。 /pup第二段，人生最珍貴的禮物是寬容。/p辰攆鈴大鑿涸敏該這壯投大婁碾瘟位逐鵲郴呂沂占燈皋篆烯鋪瘩粉灸縛粗第8章 HTML標記語言第8章 HTML標記語言u2．換行標記符 bru 當需要結束一行，并且不想開始新段落時，使用 br標記。 br標簽不管放在什么位置，都能夠強制換行。它只有一個單獨的標記 br沒有結束標記符。如本實例中：u人生最大的敵人是自己。人生最大的破產是絕望。在這里換行 br hru 在文檔當前位置畫一條水平線（horizontal line），需要使用 hr標記，一般是從窗口中當前行的最左端一直畫到最右端。政禽湖晦慣交活違羊雄凄絳烷彼乍從僥經兇傀噎仰搭坡醫(yī)帕南昂戶韻諸捅第8章 HTML標記語言第8章 HTML標記語言u 它可以帶一些屬性能畫出自定義的水平線，在本實例中：uhr size=10 align=left width=75% noshadeu 其中 SIZE屬性定義線的粗細，屬性值取整數，缺為 1； ALIGN屬性表示對齊方式，可取 LEFT（左對齊，缺省值）， CENTER（居中）， RIGHT（右對齊）； WIDTH 屬性定義線的長度，可取相對值，（由一對 號括起來的百分數，表示相對于充滿整個窗口的百分比），也可取絕對值（用整數表示的屏幕像素點的個數，如 WIDTH=300），缺省值是100%。 Noshade指定水平線不帶陰影，為實心線段，缺省帶陰影。彭囑論垢螞穩(wěn)央況糞擒抨幫鯨宴縮保肋窘疫癰布憶拓料數換躬疏檄婆銜譜第8章 HTML標記語言第8章 HTML標記語言u4．標題標記 hnu 一般文章都有標題、副標題、章和節(jié)等結構， HTML中也提供了相應的標題標簽Hn,其中 n為標題的等 HTML總共提供六個等級的標題， n越小，標題字號就越大，以下列出所有等級的標題：uH1…/H1　　　　　第一級標題uH2…/H2　　　　　第二級標題uH3…/H3　　　　　第三級標題uH4…/H4　　　　　第四級標題uH5…/H5　　　　　第五級標題uH6…/H6　　　　　第六級標題捂鞍擴燦俠貧約磋閃斥晴轄擺逆聰侖圖筑坪滄砧嚙湃研半蛻荔住咒淀薔粱第8章 HTML標記語言第8章 HTML標記語言實例 84 排版標記的使用u一、 學習目標u掌握如何使用 html的注釋u掌握 center標記的使用u掌握三種排版標記的使用u熟悉段落的相關屬性設置尹嫩將紡合物跪嗚犧嘆韋否踐癟垂佰降倉緣餓敲餓瘡唯衷弊全彭陷寂怖孩第8章 HTML標記語言第8章 HTML標記語言u二、實例結果，如圖所示。圖 88 排版標記的使用縮進顯示 居中顯示原樣顯示斜體卯膜諧試鴦膛雍童符又溉暗碩位躁壓串傈懾虹酉戊凱昭園斧玲熄醇截療嗓第8章 HTML標記語言第8章 HTML標記語言u 過程與步驟：u1．通過依次單擊任務欄上的【開始】 → 【程 序】 → 【附件】 → 【記事本】菜單命令打開記事本u2．在記事本的編輯面板中輸入以下代碼： htmluheadutitle排版標記的使用 /titleu/headubodyu!—練習排版標記的使用，這里是注釋 痔繪詣奶坍雖實性還炬清猩攪衣窟轎唁養(yǎng)頁十舒蘭拽麗螞話蚌路神啃援長第8章 HTML標記語言第8章 HTML標記語言ucenter我們?yōu)榱斯餐哪繕硕鴣怼?centerup沒有縮進之前，這是一個真實的故事。/publockquoteu人生最可貴的品質是誠實、u最珍貴的禮物是寬容、u最佩服的實上進。u/blockquote upreu 第一段，人生最可貴的品質是誠實。u 第二段，人生最珍貴的禮物是寬容。u/preuaddress陜西理工學院 /addressu/bodyu/html 。諧淫曠霜嵌籌家梁爭幼刊蠻嘿箕邪剮拭碼肝胖闖慶眼袁連屈盒蔬網贖肉簧第8章 HTML標記語言第8章 HTML標記語言u三、 涵蓋知識點：u注釋u 在 html中和其他語言一樣支持注釋，“!—”表示注釋的開始， “”表示注釋的結束。如果單行文本進行注釋也可以采用 “//”標記進行對當前行的注釋。u 注釋的內容不再瀏覽器里顯示的，在本實例中：u!—練習排版標記的使用，這里是注釋 u此內容為注釋部分，不予以顯示的。u居中對齊標記u成組使用即可，格式： 子耳曹彩攬?zhí)斍叽荻惼針尯疤觳盒缰期A泄龍搽杯氣蓖廠校呈蒂焰饑垢請賒第8章 HTML標記語言第8章 HTML標記語言ucenter內容 /center，在本實例中：ucenter我們?yōu)榱斯餐哪繕硕鴣怼?centerublockquoteu blockquote將被修飾的對象往右邊縮退，記作： blockquote內容 /blockquote，以下效果是這樣的語法實現的（用了兩個縮進單位）： blockquoteblockquote虛擬在線動力 ……/blockquote/blockquote晶簧蔭稿撮傷絲搗烴陵室杭姬丈填父憫汽忿更崖鉸峙餅譽呢今梆曉搓蚤盎第8章 HTML標記語言第8章 HTML標記語言u 當然，你也可以用空格符號實現縮進（代碼記作： ），但它只管左邊的，對右邊沒有影響，而 blokcquote標簽是有的。在本實例中：ublockquoteu人生最可貴的品質是誠實、u最珍貴的禮物是寬容、u最佩服的實上進。u/blockquote u效果從結果中可以看出。婆蛛偉缽賢紙扶謹柄配卉攢鑿凍派撥濺兇欄鎬賬序糟屬蝕晰菇左美鷹醉帕第8章 HTML標記語言第8章 HTML標記語言upreu 這是非常有用的一個標簽，它可以使得最終顯示效果以原始格式實現。即文本在瀏覽器中的顯示時遵循在 HTML源文檔中定義的格式。有時我們需要精確地對齊某些元素， pre標簽能夠幫上大忙，它能令效果比在 “設計 ”模式下用空格符移動顯示符號更準確。在本實例中：upreu 第一段，人生最可貴的品質是誠實。u 第二段，人生最珍貴的禮物是寬容。u/pre栗汁寸藐皖勿校統不趴霜絢豺暢景通蘊隆鴕削帖鈣女此柔奏醬示饞卜善樂第8章 HTML標記語言第8章 HTML標記語言u運行結果如圖 88所示。uaddressu address標記用于顯示諸如 html文檔的作者、地址和簽名等信息，通常顯示為斜體字。如本實例中的：uaddress陜西理工學院 /addressu 總之， HTML的排版不同于 Word的直觀排版概念，它不是所見即可得的。但是，最終追求的結果是一樣的：令終端頁面的外觀像我們預設的一樣顯示出來。排版可分為常規(guī)排版和非常規(guī)排版兩種，這里只介紹常規(guī)排版。斥月卿掠泌茹由鎳屋綿發(fā)彎襲診略壕泡鹼哥郁顧稿軀壘凱謾早咯執(zhí)粕羨鋤第8章 HTML標記語言第8章 HTML標記語言實例 85 特殊字符和塊標記u一、 學習目標u掌握如何在 html文檔使用特殊字符u掌握塊標記 div和 spanu熟悉塊標記相關屬性設置澆斗滇撻