HTML學習筆記

2021-08-20 21:57:34 字數 2450 閱讀 5510

【html的概述】

什麼是html

html:hypertext markup language 超文字標記語言

標記語言:通過一組標籤對內容進行描述的一門語言

為什麼學習html

html是設計頁面基礎

在哪些地方可以使用html

設計頁面的時候都可以使用html

如何使用html

html的語法和規範

html檔案的副檔名是.html或者是.htm

標籤必須用 <> 引起來 已經定義好的標籤

html檔案是由頭和體組成

html這組標籤是不區分大小寫

html的標記通常是由開始標籤和結束標籤組成:內容

屬性 格式: key="value"

建議屬性的值用引號引起來.

注意:最好將所有的內容放在乙個標籤中

有開始標籤和結束標籤的標籤稱之為圍堵標籤

沒有結束的標籤的稱之為空標籤 

開始標籤和結束標籤之間的內容稱之為標籤體.

html頁面中的注釋

標籤必須正常巢狀,

標籤最好關閉

檔案標籤:

html標籤:

宣告當前網頁為html頁面

子標籤:

head:用來存放當前頁面的重要資訊,一般不展示在html頁面上

常見的子標籤:

網頁的標題

body:

要展示的資料放在body中

【html的字型標籤】

標籤文字

size:控制字型大小.最小1 最大7

color:控制字型顏色. 使用英文設定 ,使用16進製制數設定

顏色的取值:(rgb)

方式1: #******  x為16進製制

方式2: 英文單詞

face:控制字型.

【html的排版標籤】

標題標籤

段落標籤

一段文字

換行標籤

代表換行

水平線標籤

水平線標籤

字型加粗

文字斜體標籤

斜體【html的標記】

src:的路徑

width:寬度

height:的高度

alt:提示

分成相對路徑和絕對路徑

相對路徑:

./  :代表當前路徑

../ :代表上一級路徑

大小的寫法:

畫素:123px

百分比:20%

【html的列表標籤】

無序列表

有序列表

內容1內容2

【超連結標籤】

超連結target:開啟方式

_self:在自身頁面開啟

_blank:開啟乙個新視窗

【html的**標籤】

**標籤:

**的屬性:

border  :**邊框

width   :**寬度

height  :**高度

align   :水平方向對齊方式 left center right

bgcolor :背景色

【html的表單標籤】

表單標籤:

需要提交的表單需要使用括起來

action:提交路徑

method:提交方式

文字框:

name

value

size

maxlength

readonly

密碼框:

單選按鈕:

checked:預設選中

核取方塊:

checked:預設選中

下拉列表框:

selected:預設選中

multiple:全部顯示

檔案上傳項:

文字區:

提交按鈕:

重置按鈕:

普通按鈕:

隱藏字段:

提交方式:

get :預設值

提交的資料都會在位址列中進行顯示

提交的資料的時候是有大小的限制

post    :

提交的資料不會再位址列中進行顯示

提交的資料沒有大小限制

【html的框架標記】

* 使用了frameset標籤,不需要使用body.

* 屬性:

* rows:橫向切分頁面

* cols:縱向切分頁面

標籤代表切分每個部分的頁面

* src:引入頁面的路徑

HTML學習筆記

2004 9 9 星期四 陰 hello world 整個頁面分成三部分 1 一行包括html版本資訊的內容 2 報頭申明區域 3 頁面主要部分,包括頁面的實際內容。2.基本的html標記 答 1 headings 標題 2 paragraphs 段落 this is a paragraph 3 l...

HTML學習筆記

html 是一種超文字標記語言,它是由標籤組成的。html 中的資料都封裝在標籤中,通過對標籤中的屬性值的改變來實現對封裝內資料進行操作。html規範格式 首先要確定html 的 範圍 在該範圍中可以定義兩個部分,乙個是頭乙個是體。這中間寫網頁顯示的資料 標籤對資料進行封裝那麼就有開始標籤和結束標籤...

學習html筆記

簡介 基礎 1 html鏈結是通過標籤 來定義的.這是乙個鏈結 href是屬性 2 html 影象是通過標籤 屬性 html 元素可以設定 屬性 屬性可以在元素中新增 附加資訊about an element 屬性一般描述於 開始標籤 屬性總是以名稱 值對的形式出現,比如 name value th...