HTML學習 網頁主體標記body 二

2021-07-05 03:13:51 字數 3592 閱讀 9412

網頁的主體標記body包括要在瀏覽器顯示處理的所有資訊。在網頁的主體標記中有很多的屬性設定,包括網頁的背景設定、文字屬性設定和鏈結設定等。在和標籤之間的內容是網頁的主要內容,如

gif格式:graphic interchange format的縮寫,即影象交換格式。最大優點是可製作動態影象,可以將數張靜態檔案作為動畫幀串聯起來,轉換成乙個動畫檔案。另乙個優點是可以將影象以交錯的方式在網頁中呈現。

jepg格式:joint photographic experts group的縮寫,它是一種影象壓縮格式。

png格式:portable network graphics的縮寫,是一種非破壞性的網頁影象檔案格式,它提供了將影象檔案以最小的方式壓縮卻又不造成影象失真的技術。

用於插入影象,src用於指定影象原始檔所在的路徑,它是影象必不可少的屬性。src引數用來設定檔案所在的路徑,這一路徑可以是相對路徑,也可以是絕對路徑。

影象的位址可以使用檔案和http://關鍵字作為影象的位址,並且能夠用於在網頁上載入影象。

第乙個作用語法為:

第二個作用語法為:

在該語法中,提示文字的內容可以是中文,也可以是英文。

語法為:

width和heith屬性用來定義的高度和寬度。如果

語法為:

預設情況下,影象是沒有邊框的,通過border屬性可以為影象新增邊框線。邊框線的寬度可以設定,但是邊框線的顏色不可以設定,當影象上沒有新增鏈結的時候,邊框的顏色為黑色;當影象上新增了鏈結時,邊框的顏色和鏈結文字顏色一致,預設為深藍色。

在該語法中,border的單位是畫素,值越大邊框越大。

語法為:

垂直邊距vspace用來調整影象與文字的垂直邊距。單位為畫素。

語法為:

水平間距hspace用來調整影象與文字的水平間距。單位為畫素。

使用vspace和hspace屬性會在影象周圍對稱加入空格。hspace屬性在影象兩側加入空格,而vspace屬性在影象頂部和底部加入相同的空格。

語法為:

align屬性用來設定影象和文字之間的對齊方式,對齊方式有絕對對齊和相對對齊兩種。

絕對對齊只有3種:居中(middle)、居左(left)、居右(right)

align的取值有:

align屬性的屬性值定義

屬性描述

bottom  

的底部和當前行的文字底部對齊

top的頂端和當前行的文字頂端對齊

middle    

水平中線和當前行的文字中線對齊

left

左對齊center

水平中線和當前行的文字中線對齊

right

右對齊

當滑鼠指標放置在鏈結的影象上時,滑鼠指標會發生相應的變化。

語法為:

首先要在影象檔案中設定對映影象名,在影象的屬性中使用標記新增影象要引用的對映影象的名稱

對映影象名稱中屬性值,可以通過網頁繪製影象工具設定。

html列表一共有三種型別,一種是無序列表,專案符號由幾個符號構成;一種是有序列表,專案符合由字母或數字進行排序;一種是定義列表,它用作產生條件和描述的雙重列表,可以對列表進行更靈活的定義。

語法為:

有序列表項

有序列表項

有序列表項

有序列表項

...在該語法中,和標識標誌著有序列表的開始和結束,而和標記表示這是乙個列表項。

語法為:

有序列表項

有序列表項

有序列表項

有序列表項

...

type用於改變序號的型別,包括大小寫字母、阿拉伯數字和大小寫羅馬數字。

有序列表的序號型別

type

列表專案的序號型別

1數字1、2、3、4...

a小寫英文本母a、b、c、d...

a大寫英文本母a、b、c、d...

i小寫羅馬字母ⅰ、ⅱ、ⅲ、ⅳ...

ⅰ大寫羅馬字母ⅰ、ⅱ、ⅲ、ⅳ...

第乙個

第二個第三個

語法為:

有序列表項

有序列表項

有序列表項

有序列表項

...

預設情況下,有序列表的編號是從1開始的,通過start屬性可以調整編號的起始值。

在該語法中,起始數值只能是數字,但是同樣可以對字母和羅馬數字起作用。

第乙個

第二個第三個

第乙個

第二個第三個

語法為:

在該語法中,使用標記表示這乙個無序列表的開始和結束,則表示乙個列表項的開始。在無序列表中可以包含多個列表項。

語法為:

預設情況下,無序列表的符號為●,而通過type引數可以調整無序列表的專案符號,避免列表符號的單調。

無序列表的序號型別

type

列表專案的符號

disc

預設值,黑色實心圓點專案符號「●」

circle

空心圓環專案符號「○」

square

正方形的專案符號「□」

列表項列表項

列表項...

目錄列表一般用來建立多列的目錄列表,它在瀏覽器中的顯示效果與無序列表相同,因為它的功能也可以通過無序列表來實現。

在該語法中,和標誌著目錄列表的開始和結束。

列表

第乙個第二個

第三個

語法為:

定義條件

定義描述

...

定義列表由兩部分組成:定義條件和定義描述。定義列表的全稱是definition list。

和標識分別定義了定義列表的開始和結束。

用來指定需要解釋的名詞,英文全稱為definition term;

是具體的解釋,英文全稱為definition description;

css

css就是cascading style sheets。中文翻譯為「層疊樣式表」,簡稱樣式表,它是一種製作網頁的新技術。

指標的概念

指標是乙個特殊的變數,它裡面儲存的數值被解釋成為記憶體裡的乙個位址

語法為:

有序列表項

有序列表項

有序列表項

有序列表項

...

選單列表主要用於設計單列的選單列表。選單列表在瀏覽器中的顯示效果和無序列表是相同的,因為它的功能可以通過無序列表來實現。

列表

第乙個第二個

第三個

opencv學習網頁

opencv wiki 計算機視覺庫 opencv小組 程式原始碼搜尋 戀雪 人工智慧 寂寞天堂 非特定人離線手寫漢字識別 cxcore陣列操作 模式識別與智慧型系統開發實驗室 卡梅隆大學去雪 稀疏表達 計算機視覺文獻與 資源 壓縮感知 opencv程式設計簡介 96 e7 a8 8b e7 ae ...

opencv學習網頁

opencv wiki 計算機視覺庫 opencv小組 程式原始碼搜尋 戀雪 人工智慧 寂寞天堂 非特定人離線手寫漢字識別 cxcore陣列操作 模式識別與智慧型系統開發實驗室 卡梅隆大學去雪 稀疏表達 計算機視覺文獻與 資源 壓縮感知 opencv程式設計簡介 96 e7 a8 8b e7 ae ...

python學習 網頁解析

python網頁解析工具,可以根據標籤特點獲取相應標籤中的內容。開始沒有找到beautifulsoap這個強大的工具,同時也想提公升程式的執行效率 自己的程式僅需執行一次 這裡自己實現了乙個可以根據html標籤獲取到網頁元素的程式,這個程式是基於查詢的形式對網頁解析,沒有對網頁元素進行分類和歸類。程...