1 網頁的構造塊

2021-09-02 10:06:39 字數 1264 閱讀 7357

乙個網頁主要包括三種成分:

1)文字內容:要展示的資訊

3)標記:對文字內容記性描述並使引用正確的工作

除了這三種成分,網頁還包括其他的html,提供關於頁面本身的資訊,例如網頁內容的主要語言,字元編碼等。這些都是為瀏覽器和搜尋引擎準備的,使用者通常看不見。

從到之間的部分除了之間的內容可見,其他都是為瀏覽器和搜尋引擎準備的,對使用者不可見

網頁的內容位於之間

html可以包含關於文件中內容的資訊,這些資訊稱作標記,用來描述內容的含義,即語義。

html並不定義內容在瀏覽器中如何顯示,那是css的事情。html5更加強調這種區別。但是基本的html頁面中有樣式的差別,是因為每個web瀏覽器都有乙個內建的css檔案,決定每個html元素的預設樣式。自己建立的css可以覆蓋這些樣式

1.塊級元素,行內元素以及html5

在html5之前,大多數元素可以劃入塊級或者行內級,html5廢棄了這些術語。

通常,以前歸入行內級元素的在html5中稱作短語內容,即,主要顯示在乙個段落之內的元素及其包含的文字。

塊級元素也被列入了新的html5類別中,強調的是它們的語義功能,這些元素大多用來標明內容的主要結構塊和標題。

通常,標題,段落和結構化元素(如article)顯示為單獨行,短語內容則與外圍的內容顯示在同一行。

html標記包含三種成分:元素,屬性和值

1)元素:網頁標籤,可以包含文字,其他元素或者是空的。乙個非空元素由開始標記,內容和結束標記組成。

元素都是小寫,也可以大寫(但不推薦用)

2)屬性:包含的是有關文件內容的資訊,但不是文件內容本身,屬性值一般用引號,也可以不用,屬性也是小寫

" rel="external" title="lear more">內容

a:標籤

href,title,rel都是屬性 "

":屬性的值

3)父元素和子元素:如果乙個元素包含另一元素,他就是包含元素的父元素,被包含的就是子元素

標題article:父元素

p:子元素

命名規則:

1.使用小寫字母給網頁檔案命名

2.用短橫線分割單詞

3.使用正確的副檔名

url的第一部分稱為模式(schema),模式告訴瀏覽器如何處理需要開啟的檔案,最常見的是http,用於訪問網頁

第二部分是檔案所在的伺服器名稱,緊接著是到達這個檔案的路徑,以及檔案自身的名稱。

mailto 後面跟乙個冒號,沒有斜槓,file後面跟乙個冒號三個斜槓,其他模式跟乙個冒號兩個斜槓,應該使用小寫字母輸入模式

網頁的構造塊

網頁由三個基本元件組成 文字內容,包括頁面上出現的標題和段落 對更複雜的內容的偶爾引用,比如鏈結 影象和flash動畫,等等 以及標記,也就是描述內容和引用應該如何顯示的指令。這三個元件都是文字組成的,因此網頁可以儲存為純文字格式。標記 元素 屬性和值。元素就像是小標籤,它們標識網頁的不同部分並為這...

網頁的構造塊

基本的html頁面 語義化的標記 富有含義的超文字標記語言html 超文字標記語言html就像自然語言一樣,富有含義,具有表義特點。表示強調,段落。其關注於要傳達的內容,而將表現的形式更多的交給css,例如標記,並不是表示內容文字的大小,而是說明接下來的內容可能是用小字寫的法律條文,條款等。具有語義...

HTML例項1 網頁文章

例項1 一篇網頁文章 寫這個網頁需要用到的東西很少,簡單的文字格式和一些對齊方式即可完成。還有就是一些格式例如首行縮排需要用到轉移字元。效果圖如下 源 網頁標題title 科技雜談b color pink 01月01日 12 17font p color pink 閱讀font color red ...