html常用標籤
一、頁面的頭部標記
1.標題標記
用於給網頁命名,當設定這個屬性之後,我們能直觀的在瀏覽器上看到網頁的名字。
2.元資訊標記
meta標籤的屬性
http-equiv 類似http的頭部協議,以鍵值對的形式出現,「鍵」由http-equiv設定專案,「值」由content屬性設定
name 以鍵值對的形式出現,「鍵」由name設定專案,「值」由content屬性設定
content根據http-equiv和name來設定對應的值
字元編碼的設定
語法:常見字符集是gb2132,表示為國際漢字碼,在實際應用中也常常使用utf-8編碼
重新整理頁面
語法:設定為refresh(重新整理),content用於設定重新整理時間,單位是秒。
頁面跳轉
語法:設定為refresh(重新整理),content用於設定重新整理時間,單位是秒,在重新整理的時候跳轉到目的位址所在的頁面
設定關鍵字
語法:keywords表示「關鍵字」設定專案,content用於設定具體的關鍵字,但是在實際情況中,如果輸入太多的關鍵字,可能會在網頁搜尋的時候被忽略,所以在設定關鍵字時要注意在這方面的精簡。
設定頁面描述資訊
語法:discription表示「描述」設定專案,content用於設定具體的描述語言
3.4.
5.二、頁面的主體標記
封裝頁面的主體內容,使用可以設定頁面正文顏色與背景顏色,頁面背景,頁面邊距,網頁鏈結顏色(未訪問的連線顏色,正在訪問的連線顏色,已經訪問過的連線顏色)等。
1.文字與段落標記
文字標記:
文字內容
普通文字可以直接通過鍵盤鍵入或拷貝的方式進行輸入到標籤中
空格在標籤中,不論我們鍵入多少個空格,在網頁顯示時都預設顯示乙個空格,所以為了在瀏覽器中顯示多個空格,可以使用空格對應的乙個字元**
語法:
除了空格還有許多特殊文字無法直接輸入,也可以通過使用對應的字元實體來表示
在網頁中有一些內容我們只希望給程式設計的人員看到,不想它在瀏覽器中顯示出來可以使用注釋
語法:文字字型
預設情況下,中文網頁中的文字是以黑色,宋體,3號字的效果來顯示的。可以用來更改文字的顯示效果
語法:size設定文字大小,color設定文字顏色,face設定文字字型
2.標題字標記
語法:給文字新增標題語義,數字越大,字型越大。可以再其中設定文字對其方式,預設是左對齊。
3.文字的裝飾標記
使用較少
4.段落標記
語法:段落內容
段落內容
的雙標記會與上下文產生一空行的間距,單標記只會與上文產生一空行的間距,可設定對其方式
5.換行標記
語法:給一段文字強制性換行,兩個連續的
相當於的單標記
6.預格式化標記
語法:
讓文字與原來設定好的效果一樣,可以將空格保留下來7.居中標記
語法:讓文字居中
8.縮排標記
語法:縮排文字
...預設情況下,有序列表的前導符是阿拉伯數字,可以通過type設定改變前導符
12.無序列表
專案列表:
語法:預設情況下,無序列表的前導符是實心圓點,可以通過type設定改變前導符
定義列表:
語法:名詞
解釋...
對名詞進行解釋,是一種具有兩個層次的列表,名詞為層次一,解釋為層次二
13.巢狀列表
指乙個列表項的定義中巢狀了另乙個列表的定義
14.標記
插入語法:
src表示插入的路徑,一般使用相對路徑
設定大小
語法:通過高寬來設定的大小
設定與周圍物件的邊距
語法:通過設定與周圍物件的水平距離和垂直距離來設定邊距
設定提示文字
語法:在還未載入好或無法載入時,對進行解釋說明
設定的對齊方式
語法:設定與周圍物件的對齊方式
設定的邊框
語法:給設定邊框
三、超連結
超連結標記
語法:源端點
源端點可以是文字,也可以是,滑鼠點選以後跳轉到目標端點處
超連結目標埠
預設情況下在當前視窗開啟,有時為了某種目的,希望超連結頁面在其他視窗,如新開乙個視窗中開啟,此時在我們建立超連結時就必須修改它的目標視窗,目標視窗的修改可以通過target來進行修改
超連結的連線路徑
絕對路徑
相對路徑
超連結的型別
根據目標短點的內容
內部鏈結
在同乙個**內部,不同網頁的鏈結,通常使用相對路徑
外部鏈結
在不同的**中,通常使用絕對路徑
書籤鏈結
目標端點為網頁中的某個書籤的鏈結
步驟:1.建立書籤
語法:標記中的內容可有可無,書簽名不能有空格
2.建立書籤鏈結
語法:源端點
rect表示矩形,circle表示圓形,poly表示多邊形
四、**
語法:...
...使用建立表頭
在**標記中可以設定**寬度width,高度height,邊框線border,對齊方式align,背景顏色bgcolor,背景background,**標題caption,單元格間距cellspacing和邊距cellpadding等**屬性
在標記中可以設定對齊方式align,行單元格背景顏色bgcolor,行邊框顏色bordercolor,單元格的垂直對齊方式valign
在標記中可以設定以上各種屬性及單元格跨行操作rowspan,單元格跨列操作colspan
五、表單
表單標記輸入標記
設定表單元素 文字text,按鈕button,密碼password,單選框radio,核取方塊checkbox,檔案file,隱藏hidden,提交按鈕submit,重置函式reset,影象域image
選擇列表標記
列表:語法:
選項一...
multiple設定列表中的專案可多選
下拉列表
一次只能選擇乙個列表選項,且一次稚嫩顯示乙個列表選項的選擇列表
語法:選項一
...文字域標記
rows設定的是當前可見行數,如果內容的行數超過這個值,則會出現垂直滾動條
HTML知識點總結
1 html 超文字標識語言 概念 html是一種用來製作超文字文件的簡單標識語言,簡單的說就是描述網頁長什麼樣子 有什麼內容的乙個文字.2 html和xhtml的聯絡和區別 聯絡 1 都是標記語言,文件注釋都一樣。2 都可以通過dom程式設計方式來訪問 dom是瀏覽器對html文 檔的一種解析 3...
html知識點總結
1.塊級元素 內聯 行內 元素的特點 1 塊級元素 以塊顯示的元素,高度 寬度 內邊距 外邊距都可以設定,如 等在預設狀態下都是塊級元素,塊級元素獨佔一行,非塊級元素在css中可以通過display block設定成塊級元素 2 內聯 行內 元素 以文字的方式顯示,高度 寬度 內邊距 外邊距都不可改...
html知識點總結
根標籤 head body為結構化標籤 編碼字符集 gb2312 中國的國家標準第2312條 不能識別繁體 gbk 所有亞裔字符集 unicode 所有國家語言都包括 utf 8 unicode的公升級版 告訴搜尋引擎爬蟲,我們的 是關於什麼內容的 en 關於英文的 功能 1.獨成一段,2.更改字型...