Dreamweaver教程-HTML基础语法
在HTML文本中,用尖括號(hào)括起來的部分稱為,標(biāo)簽通常有開始標(biāo)簽和結(jié)束標(biāo)簽,它們一起限定了這個(gè)標(biāo)簽所包含的內(nèi)容。屬性只能在開始標(biāo)簽中指定,屬性值可以用單引號(hào)或雙引號(hào)括起來。結(jié)束標(biāo)簽都以/加上標(biāo)簽名來表示。有時(shí)候,有些標(biāo)簽并不包含其它內(nèi)容(只包括自己的屬性,甚至連屬性都沒有),這種情況下,可以寫成類似這樣:。注意最后的一個(gè)空格和一個(gè)反斜杠,它說明這個(gè)標(biāo)簽已經(jīng)結(jié)束,不需要單獨(dú)的結(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é)束。比如:
分類目錄... 當(dāng)前分類內(nèi)容列表...
HTML文檔里所有的空白符(空格,Tab,換行,回車)會(huì)被瀏覽器忽略,唯一的例外是空格,對(duì)空格的處理方式是所有連續(xù)的空格被當(dāng)成一個(gè)空格,不管有一個(gè),還是兩個(gè),還是100個(gè)。之所以有這樣的規(guī)則是因?yàn)楹雎钥瞻追茏屖褂肏TML的作者以他覺得最方便的格式來排列內(nèi)容,比如可以在每個(gè)標(biāo)簽開始后增加縮進(jìn),標(biāo)簽結(jié)束后減少縮進(jìn)。由于英語文本中空格用得很普遍(用于分隔單詞),所以對(duì)空格做了這樣的特殊處理。如果要顯示連續(xù)的空格(比如為了縮進(jìn)),應(yīng)該用 來代表空格。
常用標(biāo)簽介紹文本
最常用的標(biāo)簽可能是了,它用于改變字體、字號(hào)和文字顏色。
6 4 紅色的5 黑體的字
加粗、下劃線和斜體字也是常用的文字效果,它們分別用,,表示:
Bold italic underline
還有一些標(biāo)簽,用來指出包含的文本有特殊的意義,比如(表示縮寫),(表示強(qiáng)調(diào)),(表示更強(qiáng)地強(qiáng)調(diào)),(表示引用),(表示地址)等等。這些標(biāo)簽不是為了定義顯示效果而存在的,所以從瀏覽器里看它們可能沒有任何效果,也可能不同的瀏覽器對(duì)這些標(biāo)簽的顯示效果完全不同。
一篇很長(zhǎng)的文章,如果有合適的小標(biāo)題的話,就可以快速地對(duì)它的內(nèi)容進(jìn)行大致的了解。在HTML里,用來表示標(biāo)題的標(biāo)簽有:
,,,,,,它們分別表示一級(jí)標(biāo)題,二級(jí)標(biāo)題,三級(jí)標(biāo)題...HTML基礎(chǔ)教程
什么是HTML
... HTML是什么樣的
...
,,,,它們分別表示一級(jí)標(biāo)題,二級(jí)標(biāo)題,三級(jí)標(biāo)題...HTML基礎(chǔ)教程
什么是HTML
... HTML是什么樣的
...
,,它們分別表示一級(jí)標(biāo)題,二級(jí)標(biāo)題,三級(jí)標(biāo)題...HTML基礎(chǔ)教程
什么是HTML
... HTML是什么樣的
...
HTML基礎(chǔ)教程
什么是HTML
...HTML是什么樣的
...
標(biāo)簽用于在頁面上添加橫線。可以通過指定width和color屬性來控制橫線的長(zhǎng)度和顏色。
標(biāo)簽用于在頁面上添加圖片,src屬性指定圖片的地址,如果無法打開src指定的圖片,瀏覽器通常會(huì)在頁面上需要顯示圖片的地方顯示alt屬性定義的文本。
鏈接
超級(jí)鏈接用標(biāo)簽表示,href屬性指定了鏈接到的地址。標(biāo)簽可以包含文本,也可以包含圖片。
下載吧分段與換行
由于HTML文檔會(huì)忽略空白符,所以要想保證正常的分段換行的話,必須指出哪些文字是屬于同一段落的,這就用到了標(biāo)簽
。
這是第一段。
這是第二段。
也可以用>。>只表示換行,不表示段落的開始或結(jié)束,所以通常沒有結(jié)束標(biāo)簽。
這是第一段。 這是第二段。有時(shí),要把文檔看作不同的部分組合起來的,比如一個(gè)典型的頁面可能包括三個(gè)部分:頁頭,主體,頁腳。標(biāo)簽專門用于標(biāo)明不同的部分:
頁頭內(nèi)容 主體內(nèi)容 頁腳內(nèi)容注:DIV標(biāo)簽與CSS代碼(DIV+CSS)是目前最符合規(guī)范的網(wǎng)頁排版方法,做到了內(nèi)容與樣式的分離。
表格HTML文檔在瀏覽器里通常是從左到右,從上到下地顯示的,到了窗口右邊就自動(dòng)換行。為了實(shí)現(xiàn)分欄的效果,很多入使用表格(
)進(jìn)行頁面排版(雖然HTML里提供表格的本意不是為了排版)。
標(biāo)簽里通常會(huì)包含幾個(gè)
標(biāo)簽, 代表表格里的一行。 標(biāo)簽又會(huì)包含 標(biāo)簽,每個(gè) 代表一個(gè)單元格。
2000 悉尼 2004 雅典 2008 北京 標(biāo)簽還可以被 里的或或包含。它們分別代表表頭,表正文,表腳。在打印網(wǎng)頁的時(shí)候,如果表格很大,一頁打印不完,和將在每一頁出現(xiàn)。
和 非常相似,也用在 里邊,不同的是 代表這個(gè)單元格是它所在的行或列的標(biāo)題。
時(shí)間 地點(diǎn) 2000 悉尼 2004 雅典 2000 北京 列表
表格用于表示二維數(shù)據(jù)(行,列),一維數(shù)據(jù)則用列表表示。列表可以分為無序列表(
),有序列表(
)和定義列表(
)。前兩種列表更常見一些,都用
- 標(biāo)簽包含列表項(xiàng)目。
無序列表表示一系列類似的項(xiàng)目,它們之間沒有先后順序。
- 蘋果
- 桔子
- 桃
有序列表中各個(gè)項(xiàng)目間的順序是很重要的,瀏覽器通常會(huì)自動(dòng)給它們產(chǎn)生編號(hào)。
- 打開冰箱門
- 把大象趕進(jìn)去
- 關(guān)上冰箱門
框架
最后談一下框架,曾經(jīng)非常流行的技術(shù),框架使一個(gè)窗口里能同時(shí)顯示多個(gè)文檔。搜索引擎目前無法識(shí)別框架中的內(nèi)容,對(duì)SEO十分不利,一般很少使用。
主框架頁里面沒有
標(biāo)簽,取代它的是<frameset>。<frameset>標(biāo)簽的屬性Rows和Cols用于指定框架集(frameset)里有多少行(列),以及每行(列)的高度(寬度)。
<frameset>標(biāo)簽可以包含<frame>標(biāo)簽,每個(gè)<frame>標(biāo)簽代表一個(gè)文檔(src屬性指定文檔的地址)。
如果覺得這樣的頁面還不夠復(fù)雜的話,還可以在<frameset>標(biāo)簽里包含<frameset>標(biāo)簽。
<framesetrows="15%,*"> <framesrc="top.html"name=titlescrolling=no> <framesetcols="20%,*"> <framesrc="left.html"name=sidebar> <framesrc="right.html"name=recipes> </frameset> </frameset>總結(jié)
以上是生活随笔為你收集整理的Dreamweaver教程-HTML基础语法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。
![]()
- 上一篇: 风险型CM合同中,关于保证工程最大费用值
- 下一篇: Dreamweaver教程-Dreamw