html常用標籤

2021-07-07 04:29:35 字數 3018 閱讀 3899

(1)html標題

標題是通過

(2)html水平線

用來在頁面中建立水平線,用來分隔內容

這是乙個段落。

這是乙個段落。

這是乙個段落。

(3)html段落

可以生成段落

this is a paragraph 

this is another paragraph

瀏覽器會自動在段落前後新增空行

(4)html換行

可以在不生成乙個新段落的情況下進行換行

說明:瀏覽器會忽略內容中的空格和回車(換行),所以需要使用標籤

(5)html文字格式化

1.:粗體

2.:斜體          

3.:下標

4.:上標

加粗文字

斜體文字

這是 下標 和 上標

(6)html鏈結

1. 鏈結url

也就是超連結,使用href表示具體的url

link text
2.在頁面內

相當於跳轉到頁面內指定位置,使用id來實現

1)在html文件中插入id

useful jump section
2)在html中定義跳轉鏈結

visit the jump section
3)或者從另乙個頁面建立乙個超連結跳轉到id部分

visit the jump section
3.注意

1)一定要在url中新增/,否則就會傳送2次http請求

2)在新的標籤頁開啟

使用target屬性可以指定在新的標籤頁開啟

visit baidu!
4.示例

1)建立鏈結

2)鏈結跳出框架

click here!
(7)html影象

1.

1)src

指影象的url,如果在外網的名為 "boat.gif" 的影象位於 www.w3school.com.cn 的 images 目錄中,那麼其 url 為

2)alt

也就是說有可能無法載入,那麼就顯示alt中的資訊,告訴使用者失去了

3)height、weight

的高度和寬度,單位為畫素

4)align

影象與文字的排列位置,預設為bottom

image with default alignment (align="bottom"):

this is some text.

image with align="middle":

this is some text.

image with align="top":

this is some text.

note:the align attribute is deprecated in html 4, and is not supported in html5. use css instead.

(8)html**

1.

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

表示其中是乙個**

表示**的每一行

表示**的麼乙個單元格  

2.定義**的表頭,多數瀏覽器都會把表頭顯示為粗體居中的文字

header 1

header 2

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

(9)html列表

1.無序列表

表示無序列表,其中的每一項使用

2.有序列表

coffee

milk

表示無序列表,其中的每一項使用

3.自定義列表

coffee

- black hot drink

milk

- white cold drink

自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。

(10)div

作用:塊元素,也就是說如果遇到會另起一行。是乙個空白標籤,不會對頁面有其他影響,但是這樣就能能在其中定義css了

常見的頁面分塊都是用div做的,用height和width進行分割槽

(11)span

作用:內聯元素,也就是遇到不會換行。也是乙個空白標籤,不會對頁面有其他影響,但是這樣就能能在其中定義css了

和div的區別就在於換不換行

(12)form

1.屬性

1)action

向指定url傳送表單資料

2)密碼字段

3)單選按鈕

注意name相同的視為一組

4)核取方塊

注意name相同的視為一組

5)提交按鈕

(13)iframe

1.作用

定義乙個內聯框架,也就是說能在當前html中引入另乙個html

2.屬性

1)src

指定iframe中文件的路徑

html常用標籤

總類 所有html檔案都有的 檔案型別 放在檔案的開頭與結尾 檔案主題 必須放在 文頭 區塊內 文頭 描述性資料,像是 主題 文體 檔案本體 結構性定義 由瀏覽器控制的顯示風格 標題 從1到6,有六層選擇 3.0 標題的對齊 3.0 區分 3.0 區分的對齊 引文區塊 通常會內縮 強調 通常會以斜體...

html常用標籤

一年前學的,沒怎麼用都忘了。現在整理筆記做一下複習。html hypertext markup language 注釋 空格 npsp 一 html的頭標籤 二 html常見標籤 1.加粗 2.下劃線 3.斜體 4.刪除線 5.遠洋輸出 6.下標 7.上標 div與span 劃分區域 自動換行 不換...

HTML常用標籤

1 跑馬燈 標籤 功能 普通捲動 滑動 預設捲動 來回捲動 向下捲動 向上捲動 向右捲動 向左捲動 捲動次數 設定寬度 設定高度 設定背景顏色 設定捲動距離 設定捲動時間 2.字型效果 標籤 功能 標題字 最大 標題字 最小 粗體字 粗體字 強調 斜體字 斜體字 強調 斜體字 表示定義 底線 底線 ...