資源描述：
《常用HTML標(biāo)記和格式》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第2章常用HTML標(biāo)記和格式通過第1章的學(xué)習(xí)，對(duì)HTML有了一定的認(rèn)識(shí)。HTML由標(biāo)記（本書中標(biāo)記與標(biāo)簽是同一概念）組成，其中有單標(biāo)記和雙標(biāo)記之分，大部分以雙標(biāo)記出現(xiàn)，即標(biāo)記對(duì)（也稱標(biāo)簽對(duì)）。而本章要介紹的是應(yīng)用中常用的HTML標(biāo)記和格式，這些知識(shí)點(diǎn)往往在網(wǎng)頁中會(huì)常用到，也是必須得掌握的知識(shí)點(diǎn)之一。在講解過程中分兩部分：標(biāo)記和格式，學(xué)完本章，應(yīng)掌握以下內(nèi)容：標(biāo)題標(biāo)記段落標(biāo)記換行與注釋粗體與斜體刪除線上標(biāo)與下標(biāo)2.1設(shè)置正文的標(biāo)題現(xiàn)在網(wǎng)絡(luò)媒體在新聞傳播中起的作用越來越大，其傳播速度和內(nèi)容豐富程度都超越了
2、傳統(tǒng)媒體。如從現(xiàn)在的門戶網(wǎng)站新聞點(diǎn)擊率上，可以看出網(wǎng)民直接在網(wǎng)上看新聞的熱情。那么新聞的格式中，有新聞主題和新聞內(nèi)容之分，往往新聞主題的字體大小比正文內(nèi)容大，也會(huì)看到很大或比較小的標(biāo)題。如果讀者細(xì)心的話，會(huì)發(fā)現(xiàn)標(biāo)題從大逐漸變小是有規(guī)律的。2.1.1標(biāo)題設(shè)置的語法本節(jié)來學(xué)習(xí)標(biāo)題的設(shè)置，標(biāo)題的作用是用精簡的文字概括整篇文章的主題，故文字字不能太長，從外表上突出標(biāo)題與內(nèi)容。標(biāo)題的語法很簡單，由雙標(biāo)記組成，在尖括號(hào)對(duì)里面輸入h加從1到6的任意一個(gè)數(shù)字即可，數(shù)字不同，所表達(dá)的標(biāo)題大小效果也不一樣，其完整標(biāo)題語法
3、如下：主題文字其中“#”是標(biāo)題里面從1到6數(shù)字的任意的一個(gè)，系統(tǒng)一共提供6種標(biāo)題，從數(shù)字1到數(shù)字6，標(biāo)題大小由大到小，即表示不同大小的標(biāo)題。換言之，數(shù)字越大，標(biāo)題字體就越小。2.1.2標(biāo)題設(shè)置經(jīng)典案例――字號(hào)由大到小理解了標(biāo)題是由字母H加從1到6的數(shù)字后，下面用實(shí)例來演示這6個(gè)標(biāo)題的效果，代碼2.1表示從H1到H6的標(biāo)題。代碼2.1源代碼第2章六種不同的標(biāo)題.html
標(biāo)題標(biāo)記4、>
標(biāo)題h1
標(biāo)題h2
標(biāo)題h3
標(biāo)題h4
標(biāo)題h5
標(biāo)題h6
2.2設(shè)置段落一篇文章由標(biāo)題和正文組成，正文又是由多個(gè)段落組成的，所以可以說段落是構(gòu)成文章的主體。既然一篇文章是由多個(gè)段落組成的，那么又如何區(qū)分段落呢？段落與段落之間有什么不同呢？帶著這些問題來學(xué)習(xí)本小節(jié)的段落標(biāo)記。在學(xué)習(xí)段落與段落的區(qū)別前，先了解段落的基本語法，段落語法代碼是由尖括號(hào)對(duì)里放置p的雙標(biāo)記來表示，在標(biāo)記對(duì)
5、里面放置的內(nèi)容就構(gòu)成了一個(gè)段落。段落完整語法表示如下。
這里表示段落
在
標(biāo)記對(duì)中就表示的一個(gè)段落，那么怎樣在一篇文章中存放多個(gè)段落呢？很簡單，每個(gè)標(biāo)簽對(duì)就表示一個(gè)段落，有多少段落就有多少
，這就是從代碼上區(qū)別段落與段落的不同。同理，從網(wǎng)頁表現(xiàn)出的效果來看段落，段落與段落間有一行空格不顯示任何內(nèi)容，也就是常?？吹叫侣勚械亩温溟g有空行。那么可以利用HTML的段落標(biāo)記來顯示出文章內(nèi)容美觀效果，使用戶對(duì)文章理解有層次感。段落不管是在新聞還是書籍中都會(huì)出現(xiàn)，下面請(qǐng)看段落在網(wǎng)頁
6、中如何表現(xiàn)其效果，如代碼2.2所示。2.3強(qiáng)制換行寫文章時(shí)，往往要在一個(gè)段落中間另起一行，這就要用到換行，在網(wǎng)頁中也可以表示換行的，但需要換行標(biāo)記。換行可在行文中另起一行，顯示出段落層次性，給人感覺更有親和力。在網(wǎng)頁編寫代碼時(shí)的換行與按回車鍵的換行是不同的，即在編寫HTML代碼中的回車只多了一行空格，在代碼中另起一行，但瀏覽器解釋時(shí)，會(huì)忽視多余空格，只保留一個(gè)空格的位置。從2.2節(jié)中介紹的，得知網(wǎng)頁顯示中會(huì)去掉里面空格，與正常文檔換行不同，所以沒達(dá)到換行效果。而今天學(xué)習(xí)的換行就是在網(wǎng)頁編寫換行代碼標(biāo)記
7、后將在頁面中顯示出換行效果，當(dāng)瀏覽器在解釋換行代碼時(shí)會(huì)強(qiáng)制換行，這樣在網(wǎng)頁中就達(dá)到用戶在輸入時(shí)的換行標(biāo)記的效果。換行標(biāo)記是音標(biāo)記，即不會(huì)成對(duì)出現(xiàn)，語法是在尖括號(hào)中包括br的單標(biāo)記，其完整語法代碼如下所示：
2.4給代碼注釋制作大型網(wǎng)站的時(shí)侯，每個(gè)網(wǎng)頁程序員所做的工作都會(huì)不同，但相互依賴其他程序員寫的代碼。為了在同一個(gè)項(xiàng)目中讓其他程序員看得明白，常常用注釋來說明代碼功能。注釋代碼的內(nèi)容不會(huì)在網(wǎng)頁中顯示，只起到注釋作用，如一個(gè)網(wǎng)頁中頭部用注釋說明該頁面的作用和創(chuàng)建日期，和本網(wǎng)頁所展示的功能等，讓其他
8、程序員或?qū)W習(xí)者看到注釋就知道代碼內(nèi)容。在前面的代碼中，多次出現(xiàn)了注解符，而且在注解內(nèi)容中，筆者都在前面標(biāo)記“注解：”，為了告訴初學(xué)者代碼的意義，所采用的一種解說代碼方法，并不會(huì)在網(wǎng)頁中顯示注解內(nèi)的內(nèi)容。注釋語法比較容易，可以在單行中存在注釋，同時(shí)也可以多行一起注釋，單行注釋完整語法如下：在一行中，在尖括號(hào)中放置感嘆號(hào)“！”和兩個(gè)“-”，接下來放置注釋內(nèi)容，最后一定要結(jié)束注釋，結(jié)束注釋用兩個(gè)“-”和另一個(gè)尖括號(hào)組成，即上面代碼表示了
