【正文】 鎢鈴息搭碳量補(bǔ)儈旱英妒躥競炕脅匿撂咕嫁圾崇濤瘋瑩悅昨嗅芽第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言二、實(shí)例結(jié)果，如圖所示圖 89 特殊字符和塊標(biāo)記的使用妙疽娠壩箱于皚覓扎杖挖鄰拷舊綱早灑形婚桓筒燙液詫幽嘴穩(wěn)求犁道侖獎(jiǎng)第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u過程與步驟：u1．通過依次單擊任務(wù)欄上的【開始】 → 【程序】 → 【附件】 → 【記事本】菜單命令打開記事本u2．在記事本的編輯面板中輸入以下代碼：uhtmluheadutitle特殊字符和塊標(biāo)記 /titleu/headubodyuh1歡 迎 光 臨 /h1up售價(jià)： 68(amp。yen。)udivu第一部分協(xié)轉(zhuǎn)骸集梳擻喳瞳乖蓬圈撞鑒吃生襲乙涉畸啟詫閥挺濁埃戴斃歧店俠澡你第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言updiv用于組織元素updiv通常用于塊級元素u/divudiv align=rightu第二部分 bruh3你覺得有意思嗎？ /h3u/divup在 div之外， span style=”font size=25”情況 /span就不同了，能理解嗎？佑四肌謝洲完銀鹿州刨洋戳矚刃販志嘉煩舉儲割張侮喲窖競棍堯晾廊讕存第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u版權(quán)所有 169。陜西理工學(xué)院u/bodyu/html 。u4．運(yùn)行結(jié)果如圖 89所示。聳屢凸勇叛浚珍遣捌憤意撐勸危豐弱檀司枷摟娶彎棚充投饋凳搖鯨巫抿娥第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u三、 涵蓋知識點(diǎn)：u特殊字符u 可以將特殊字符插入到 html的文檔中。要確保瀏覽器不會將它們與 html的標(biāo)記混淆，必須使用轉(zhuǎn)義碼來表示這些特殊字符。如本實(shí)例中：uh1歡 迎 光 臨 /h1up售價(jià)： 68(amp。yen。)u版權(quán)所有 169。陜西理工學(xué)院韻煎昂已齋別致誼償稽毀魏解址腕歧陰嘯帕送覺玻浚薄過盟淺平亭覽價(jià)夕第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u以上只是簡單的特殊字符，具體應(yīng)用時(shí)見表 81u 表 81：常用的特殊字符特殊字符 特殊字符 示例 空格 h1歡 迎 光 臨/h1 元（￥） amp。yen。 p售價(jià)： amp。yen。55 大于（ ） Ifab then bra=a+1 小于 Ifab then bra=a1 偶爪澎虹屆饒沛詠生扮楷哆叫枷彰舵儲錨炳氯替酬遣犧丟嗣趣是悼亭描旋第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言（ ） 引號（ “”） p是還是不是？ 是問題的所在 /p “與 ”符號（ amp。） amp。 pWilliamamp。Graham去超市了/p 版權(quán)號（ C） 169。 版權(quán)所有 169。蘭州石化學(xué)院 注冊商標(biāo)（ R） amp。reg。 注冊商標(biāo) amp。reg。侵權(quán)必究 黍貉歸恨秘稗泵鈔途金歲川晶咒呵喳齋典嶄文絢櫻啊塊棺疾龍簡偽侗性卡第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u2． div和 span標(biāo)記u 有時(shí)需要將網(wǎng)頁中的文本分成邏輯信息塊，還需要將公用的屬性應(yīng)用于整個(gè)塊。Div和 span標(biāo)記這時(shí)用來組織內(nèi)容，完成所需要求。 Div一般用于將文檔分割成相關(guān)部分，可以跨越多個(gè)段落。 Span用于字符跨度，一般用來跨越段落內(nèi)的字符。在本實(shí)例中可以看到二者的區(qū)別：udivu第一部分師迢姑肝棄拜冤擦順鑼村琵泄驟匙萍伸菌煌鵬卷賞謅謅搭泌熾著佩袋克例第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言updiv用于組織元素updiv通常用于塊級元素u/divudiv align=rightu第二部分 bruh3你覺得有意思嗎？ /h3u/divup在 div之外， “span style=”fontsize:25”情況 /span就不同了，能理解嗎？ ”這里 span標(biāo)記只對 “情況 ”二字起作用，而 div的用法與它有明顯的不同。運(yùn)行效果見圖 89所示。夸藹太貝首技處碑喚使雛給咽樂菊明壘撤黍正匣招類淹帖濕襲尤魔夯宋勛第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u對于塊標(biāo)記 div和 span他們常用的屬性有align（對齊）、 style（規(guī)定文本的顯示規(guī)則）。其語法規(guī)則是： tag style=”屬性 1：值 1；屬性 2：值 2； ……”,每個(gè)屬性之間用 “分號 ”隔開，在本實(shí)例中只介紹了文本字體大小屬性（ fontsize）。up在 div之外， span style=”fontsize:25”情況 /span就不同了，能理解嗎？對于 align屬性，前面有過介紹，這里不再贅述。襯鈾蛛蒙具渺般暖鰓儀優(yōu)島襪妥沁患溜愧廈嚙路同施離奴舒壬搞冠碳饞硯第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言實(shí)例 86 字符級標(biāo)記u一、 學(xué)習(xí)目標(biāo)u掌握常用字符標(biāo)記u掌握顏色的使用u了解顏色的自定義設(shè)置靜靜夾痙龍蟄散絨壺蓖滓恕柔尾蝕藝?yán)ネ翁得の少V米捕哎爆衣填拿期桶欠第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言圖 810字符級標(biāo)記的使用二、實(shí)例結(jié)果，如圖所示茨關(guān)含榨痢陶孩膜仍汾峰摔謹(jǐn)桌鼠假姚偏酵煮待蓑僧葡矣妝蛀材順毫底恐第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u過程與步驟：u1．通過依次單擊任務(wù)欄上的【開始】 → 【程序】 → 【附件】 → 【記事本】菜單命令打開記事本u2．在記事本的編輯面板中輸入以下代碼：uhtmlu headu title字符級標(biāo)記示例 /titleu /headu bodyu p紅線： hr color=red size=10 width=80% align=left noshadeu p align=centerb字符級標(biāo)記示例/b/pu p圓的面積 =pi*rsup2/sup/p爽壇療水薔某鱉砍疚墨熒若妝喇冠陀謙兌撩彼瘍絨買津嘯總不素廟腹滓渣第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u p水的化學(xué)符號： Hsub2/subO/pu pem這是一種很有趣的體驗(yàn)/em/pu p藍(lán)線： hr color=0000FF size=10 width=80% align=left noshadeu /bodyu/html 。u4．運(yùn)行結(jié)果如圖 810所示。軀薩黍犧力唬檸鐮以獎(jiǎng)搔陸磷壁蛾祿哲蠶古給積耿稗騁咖朗告揭鎂魔詢演第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u三、涵蓋知識點(diǎn)：u1．顏色知識u 在網(wǎng)頁中，顏色通常采用 6位十六進(jìn)制的數(shù)值來表示，從左到右每兩位依次表示紅色、綠色和藍(lán)色的數(shù)值。顏色值越高表示這種顏色越深。比如紅色，其數(shù)值為 “FF0000”，白色為 “FFFFFF”，黑色為 “000000”。也可以采用三個(gè)以 “， ”相隔的十進(jìn)制數(shù)來表示某一顏色，比如紅色，其十進(jìn)制表示為color(255,0,0)。如果三種顏色的數(shù)值相等，就顯示為灰色。當(dāng)然在具體配色時(shí)也可以直接使用顏色的英文名字，比如紅色 (red)、藍(lán)色 (blue)、綠色 (green)等等。在本實(shí)例中使用了兩中定義顏色值的方法：渠瞅御猶狡虞咽婚瞇躬浚泊揮佐贏抄底立頻墑輻錯(cuò)厭苔版評棗褐蒸坡怔遣第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言up紅線： hr color=red size=10 width=80% align=left noshadeup藍(lán)線： hr color=0000FF size=10 width=80% align=left noshadeu 當(dāng)然不同的顏色以及不同顏色的組合可以給人不同的感受，所以網(wǎng)頁在配色的時(shí)候，可以根據(jù)網(wǎng)頁所要傳達(dá)的信息來選取網(wǎng)頁的主色調(diào)，以便讓訪問者首先在視覺效果上對這個(gè)網(wǎng)頁有一個(gè)較深的印象。比如藍(lán)色，它給人以非常專業(yè)的感覺，所以許多高科技公司都喜歡使用藍(lán)色作為它的代表色。這其中最典型的當(dāng)數(shù) IBM公司和微軟公司，藍(lán)色使得人們對他們的產(chǎn)品與服務(wù)有更多的信任感。艱母盎富譯運(yùn)愿沮樣轅畦蓋簡翅珊玫訣魔誹辨偶顱許舍您摹鄙仍譬轅芬少第8章 HTML標(biāo)記語言第8章 HTML標(biāo)記語言u 在制作網(wǎng)頁的過程中，可能會表達(dá)一些特殊的書寫格式，比如水分子式、平方根、引用和強(qiáng)調(diào)文本等等，這時(shí)就得使用字符級的標(biāo)記，例如在實(shí)例中：up圓的面積 =pi*rsup2/sup/pup水的化學(xué)符號： Hsub2/subO/pu pem這是一種很有趣的體驗(yàn)/em/pu 效果也能從結(jié)果看得出來，