HTML和CSS網頁開發基礎

2022-07-15 16:06:16 字數 1590 閱讀 5377

一 html文件結構

html文件結構:、、、構成html頁面中最基本的元素。

html常用標記:1.換行標記 

2.段落標記      3.標題標記   ~數字越小,級別越高。  4.居中標記  需居中內容

5.文字列表標記   有序無序

二  **標記

1. **標記  : 標記中有很多屬性,如width設定**的寬度,border設定**的邊框,align設定**的對齊方式,bgcolor設定背景顏色。

2.標題標記

3.表頭標記

4.**行標記  :以開頭結尾,一組表示**  中的一行。但必須巢狀在標記中使用。

5.單元格標記又叫列標記   :乙個可以巢狀若干個

三html表單標記

1.表單標記

標記的重要屬性

action屬性:指定表單資料提交至何處

method屬性:–指定表單資料提交的方式

2.表單輸入標記

能夠演變為表單中許多不同的元素,取決於type屬性

type取值:

–text(單行輸入文字框)

–submit(提交按鈕)

–password(密碼輸入文字框)

–radio(單選按鈕)

–checkbox(核取方塊)

–reset(復位按鈕) 

-button(普通按鈕)

-file(檔案域)

-hidden(隱藏域)

-image(影象域)

基本格式為:

readonly="" size="digit" 

src="uri" usemap="uri" alt="" name="checkbox" value="checkbox">

3.  下拉列表框標記

使用向列表中新增內容,屬性為,name:指定列表框的名稱。size:指定列表框的選項數量,超出可以通過拖動滾動條檢視。

disable指定當前列表框不可使用。multiple:用於讓多行列表框支援多選。

4.多行文字標記

四。超連結與標記

1.超連結標記  href屬性用來設定鏈結到哪個頁面。

2.標記

五。css樣式表

css樣式表中包括三部分內容:選擇符、屬性和屬性值。語法格式為:

選擇符{屬性:屬性值;

例如:css選擇器

2.類選擇器:標記選擇器有一定侷限性,宣告乙個標記選擇器後,頁面中所有該標記的內容都會有相應的變化。

類別選擇器名稱由使用者自己定義,並以」.「開頭。只需用class宣告即可。

....

3.id選擇器

以」#「開始後加html標記中的id屬性值。和類別選擇器類似,但html頁面中不能包含兩個相同的id標記,因此也定義id選擇器就只能被使用一次。

六。css3新特徵

1.模組與模組化結構:

常用模組:basic box model   定義各種與盒子相關的樣式

line   定義各種與直線相關的樣式

lists  定義各種與列表相關的樣式

text   定義各種與文字相關的樣式

color  定義各種與顏色相關的樣式

font  定義各種字型相關的樣式

網頁開發基礎 CSS

是層疊樣式表單,用於 增強 控制網頁樣式並允許將樣式資訊與網頁分離的標記語言。實際開發中主要用於設定html頁面中的文字內容 字型 字型大小 對齊方式等 的外形及版面布局等外觀顯示樣式。規則如下 選擇器上式中選擇器用於指定css樣式作用的html物件,屬性是對該物件的具體樣式。案例 通過css樣式對...

網頁開發基礎 HTML技術

主要作用是通過html標記對網頁中的文字 聲音等內容進行描述。帶 符號的元素被稱為html標記,標記是放在標記符 中的使用者表示某個功能的編碼命令,也稱為html標籤或元素。位於文件最前面,用於向瀏覽器說明當前文件使用的是哪種html,如7 1使用的是html5。通常網頁必須在開頭處使用標記為所有的...

HTML和CSS網頁標準指南

文件型別宣告 在你每乙個頁面的頂端,你需要文件宣告。是的,必須。如果不指定文件型別,你的htmlhtml不是合法的html,並且大部分瀏覽器會用 怪癖模式 quirks mode 來處理頁面,這意味著瀏覽器認為你自己也不知道究竟做什麼,並且按瀏覽器自己的方式來處理你的 你可以是乙個html大師,在地...