Dreamweaver CS教程-HTML基礎(chǔ)語法
來源:易賢網(wǎng) 閱讀:825 次 日期:2015-02-11 15:26:23
溫馨提示:易賢網(wǎng)小編為您整理了“Dreamweaver CS教程-HTML基礎(chǔ)語法”,方便廣大網(wǎng)友查閱!

在HTML文本中,用尖括號括起來的部分稱為,標(biāo)簽通常有開始標(biāo)簽和結(jié)束標(biāo)簽,它們一起限定了這個標(biāo)簽所包含的內(nèi)容。屬性只能在開始標(biāo)簽中指定,屬性值可以用單引號或雙引號括起來。結(jié)束標(biāo)簽都以/加上標(biāo)簽名來表示。有時候,有些標(biāo)簽并不包含其它內(nèi)容(只包括自己的屬性,甚至連屬性都沒有),這種情況下,可以寫成類似這樣:<img src="logo.gif" />。注意最后的一個空格和一個反斜杠,它說明這個標(biāo)簽已經(jīng)結(jié)束,不需要單獨的結(jié)束標(biāo)簽了。

某些標(biāo)簽包含的內(nèi)容中還可以有新的標(biāo)簽,新的標(biāo)簽名甚至可能還可以與包含它的標(biāo)簽的名稱相同(哪些標(biāo)簽可以包含標(biāo)簽,可以包含哪些標(biāo)簽也是有規(guī)定的)。在這種情況下,最后出現(xiàn)的標(biāo)簽應(yīng)該最先結(jié)束。比如:

<div>

<div>分類目錄...</div>

<div>當(dāng)前分類內(nèi)容列表...</div>

</div>

HTML文檔里所有的空白符(空格,Tab,換行,回車)會被瀏覽器忽略,唯一的例外是空格,對空格的處理方式是所有連續(xù)的空格被當(dāng)成一個空格,不管有一個,還是兩個,還是100個。之所以有這樣的規(guī)則是因為忽略空白符能讓使用HTML的作者以他覺得最方便的格式來排列內(nèi)容,比如可以在每個標(biāo)簽開始后增加縮進,標(biāo)簽結(jié)束后減少縮進。由于英語文本中空格用得很普遍(用于分隔單詞),所以對空格做了這樣的特殊處理。如果要顯示連續(xù)的空格(比如為了縮進),應(yīng)該用&nbsp;來代表空格。

常用標(biāo)簽介紹

文本

最常用的標(biāo)簽可能是<font>了,它用于改變字體、字號和文字顏色。

<font size="6">6</font>

<font size="4">4</font>

<font color="red" size="5">紅色的5</font>

<font face="黑體">黑體的字</font>

加粗、下劃線和斜體字也是常用的文字效果,它們分別用<b>,<u>,<i>表示:

<b>Bold</b>

<i>italic</i>

<u>underline</u>

還有一些標(biāo)簽,用來指出包含的文本有特殊的意義,比如<abbr>(表示縮寫),<em>(表示強調(diào)),<strong>(表示更強地強調(diào)),<cite>(表示引用),<address>(表示地址)等等。這些標(biāo)簽不是為了定義顯示效果而存在的,所以從瀏覽器里看它們可能沒有任何效果,也可能不同的瀏覽器對這些標(biāo)簽的顯示效果完全不同。

一篇很長的文章,如果有合適的小標(biāo)題的話,就可以快速地對它的內(nèi)容進行大致的了解。在HTML里,用來表示標(biāo)題的標(biāo)簽有:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,它們分別表示一級標(biāo)題,二級標(biāo)題,三級標(biāo)題...

<h1>HTML基礎(chǔ)教程</h1>

<h2>什么是HTML</h2>

...

<h2>HTML是什么樣的</h2>

...

<hr>標(biāo)簽用于在頁面上添加橫線??梢酝ㄟ^指定width和color屬性來控制橫線的長度和顏色。

<hr width="90%" color="red" />

<img>標(biāo)簽用于在頁面上添加圖片,src屬性指定圖片的地址,如果無法打開src指定的圖片,瀏覽器通常會在頁面上需要顯示圖片的地方顯示alt屬性定義的文本。

<img src="" alt="圖片簡介" />

鏈接

超級鏈接用<a>標(biāo)簽表示,href屬性指定了鏈接到的地址。<a>標(biāo)簽可以包含文本,也可以包含圖片。

<a href="src="" alt="驗證HTML" /></a>

分段與換行

由于HTML文檔會忽略空白符,所以要想保證正常的分段換行的話,必須指出哪些文字是屬于同一段落的,這就用到了標(biāo)簽<p>。表格

<p>這是第一段。</p>

<p>這是第二段。</p>

也可以用<br>。<br>只表示換行,不表示段落的開始或結(jié)束,所以通常沒有結(jié)束標(biāo)簽。

這是第一段。<br />

這是第二段。<br />

有時,要把文檔看作不同的部分組合起來的,比如一個典型的頁面可能包括三個部分:頁頭,主體,頁腳。<div>標(biāo)簽專門用于標(biāo)明不同的部分:

<div>頁頭內(nèi)容</div>

<div>主體內(nèi)容</div>

<div>頁腳內(nèi)容</div>

注:DIV標(biāo)簽與CSS代碼(DIV+CSS)是目前最符合規(guī)范的網(wǎng)頁排版方法,做到了內(nèi)容與樣式的分離。

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:Dreamweaver CS教程-HTML基礎(chǔ)語法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)