html學習筆記 1

2021-07-01 18:11:14 字數 2791 閱讀 5235

1、html:超文字標記語言,標記:就是用來描述網頁內容的一些特定符號,不是程式語言,而是一種描述性的標記語言。

2、製作html網頁檔案

a、新建乙個記事本檔案,將他重新命名 *.html

b、在裡面輸入網頁的資訊內容

c、在要修飾的內容的兩側加html標記

3、html標記的語法:標記分為兩種:單標記、雙標記

a、《標記符》沒有結束的標記---單標記

《標記名稱》單一型,無屬性值,如

《標記名稱 屬性=「屬性值」>單一型,有屬性值,如

b、《開始標記》 《結束標記》 ---雙標記

《標記名稱》 

《標記名稱 屬性=「屬性值」> 

注意:源**中的效果,並不是瀏覽器最終的效果。

4、標記與屬性、屬性之間以空格分隔,屬性不區分先後順序,且屬性不是必須的。

5、在xhtml中,規定,所有html標記都要小寫,所有標記都要有關閉

html---xhtml

---6、html文件結構

所有的網頁檔案,通常由四對標記來構成,文件的骨架:

標識網頁檔案的開始與結束,所有的html元素都要放在這對標記中

標識網頁檔案的主題部分 正文

7、meta標記用於定義檔案資訊,對網頁檔案進行說明,便於搜尋引擎查詢。放置之間設定關鍵字:

多個關鍵字內容之間可以用「,」分隔

設定描述:

設定字符集:

設定頁面定時跳**

8、注釋

9、body屬性

alink="啟用的鏈結文字顏色" leftmargin="左邊界" rightmargin="右邊界" topmargin="上邊界" bottommargin="下邊界">

10、其實html元素、html標記、html標籤都是一回事

11、預設情況下網頁內容與瀏覽器邊框之間有距離,有某些html元素有預設值

12、網頁檔名,在本地可以用漢字(練習.html)將來網頁檔案都是儲存在伺服器上的,一般都用英文。

13、標記 文字

網頁中的字型、字型大小一般通過css修飾

白色     white     #ffffff  

紅色     red        #ff0000

藍色     blue      #0000ff

黑色     black     #000000

綠色     green    #00ff00

灰色     gray     #999999

14、字元格式

加粗文字

傾斜  文字

加強語氣(加粗)文字

加強語氣(傾斜)文字

下劃線  文字

刪除線  文字

上標   文字

下標   文字

15、在寫html**時:

先寫我們的控制內容的標記,例如:這內容比較重要,可以在語義上加權關鍵字,這部分內容是文章網頁

的主題建議使用文章標題

16、網頁段落文字內容----

17、段落標記

left         左對齊(預設)

center    居中

right       右對齊

18、html標記之間巢狀使用,一層套一層不會出現錯誤,但是不能交叉巢狀

19、網頁優化核心:用適合的html標記去描述網頁內容

20、段落標題

段落標題說明:

x取值[1~6] hx內的文字會自動加粗顯示。

hx針對的物件是段落,而font針對的物件的任意文字

21、換行(換行不換段)

22、記住寫**或者效果的演變過程

23、html中,所有的標籤都必須有屬性值,如果沒有使用屬性名。

例如:----xhtml

----html

24、水平直線

size      畫素絕對設定,以數字表示,屬性值越大,線越粗

百分比相對設定,以%表示,屬性值越大,線越粗

width    畫素絕對設定,長度不會應視窗的改變而改變

百分比相對設定,長度會隨著應視窗寬度而改變

noshade="noshade"  實體線

25、定義乙個塊引用:使用文字縮排

說明

cite    url    被引用的位址

26、居中標記內容(被廢棄的標籤)

27、預格式化

被包圍在pre元素中的文字通常保留空格和換行符,而文字也會呈現為等寬字型,乙個常見應用就是用

來表示計算機的源**。

28、特殊字元 

空格            

版本號       ©

註冊商標   ®

"               "

&               &

<               <

>               >

29、在文字中的第乙個字前直接敲空格不起作用,兩個字之間敲多少空格只顯示乙個空格。

30、列表標記用途

列表標記可以建立一般的無序列表、編號列表,以及定義列表三種方式,還可以在一種列表中巢狀另一種列表,便於概括顯示

一系列相關的內容。

a、無序列表

表示乙個專案;type :disc 實圈,circle空圈,square實正方形

b、 有序列表

內容1內容2c、定義列表

標題1  表示乙個專案

內容1  表示乙個專案下的更詳細內容的解釋

內容2標題1內容1

內容2

html 學習筆記1

html注釋 空格 body標籤屬性 屬性 功能 bgcolor 網頁背景顏色 background 網頁背景 text 網頁文字顏色 1 語法 標題單元格 2 屬性 border,邊框寬度 cellspacing,內框的寬度 cellpadding,內的文字至四周邊框的距離 height,高度 w...

HTML學習筆記1

html就是一種文字文件型別,超文字標記語言。html,htm,shtml的區別 html與htm基本沒有任何本質的區別。shtml與html的區別就是shtml命名的網頁可以寫入ssi指令,當客戶端在訪問shtml網頁時,客戶端會對shtml進行讀取和解讀,分析其中的ssi指令並將其解發布來。關於...

HTML學習筆記1

電腦快捷鍵 ctrl j 複製並貼上 alt shift 上下箭頭 調整行的位置 標籤分類 雙標籤 標題title 單標籤 標籤書寫規範 所有的標籤和屬性及值小寫 標籤和屬性,屬性與屬性之間有空格 屬性值必須有加引號 單引號或雙引號都可以 屬性必須有值 屬性可寫可不寫 標籤與標籤之間正確巢狀 標籤格...