Html基礎知識總結

2021-10-07 21:03:06 字數 1729 閱讀 9797

html:超文字標記語言。它是一種標識性的語言,非程式語言,不能使用邏輯運算。通過標籤將網路上的文件格式進行統一,使分散網路資源鏈結為乙個邏輯整體。超文字:是一種組織資訊的方法,通過超級鏈結將多種媒介關聯起來。

標記:標籤,用<>包裹的具有一定含義的內容

最基本的html結構:

......

其中每個標籤的含義:

標籤稱為根元素,所有的網頁元素都在中;

元素用於定義文件的頭部;

頭部元素含有有: 、 、 、 、。

title標籤定義文件的標題。

定義的是網頁告知瀏覽器所使用的編碼,當網頁所使用的編碼與告知瀏覽器的編碼不一致時,將會出現亂碼情況。

< link> 元素引入外部樣式

< script> 元素該元素可以定義頁面的指令碼內容

< body>元素用於定義網頁顯示的內容

< !-- -->用於書寫注釋內容

1、標題標籤(h1/h2/h3/h4/h5/h6):從大到小,h1最大,h6最小,也可通過重新自定義樣式進行改變。

2、段落標籤:

具有一定的段落樣式,且段與段之間有一定的距離。

注:在網頁上直接寫空格或者分行是不起效果的,必須通過標籤或者css樣式進行決定。

4、列表標籤

無序列表:

ul>li*5    (回車即可生成以下效果)

有序列表:

ol>

li*5 (回車即可生成以下效果)

新聞標題1

新聞標題2

新聞標題3

新聞標題4

新聞標題5

可用於頁面間以及頁面內部的標籤。
6、div標籤:容器標籤

7、form表單:

form屬性:

1)action:定義的是將表單的資料提交至什麼地方

2)method:定義的是提交的方法,注意有get和post

post:表單資料放置到請求的body中,不直接顯示;安全,且可以提交較大的表單資料,但是效率較低。

input屬性:

type:定義輸入標籤的型別,包括text/password/submit

name:提交資料名稱

placeholder:定義的是提示語,或稱為預置文字

value:提交資料的輸入框的值

8、table **標籤

table完整**示例

姓名

年齡 王五

25 底部

table表示乙個**,其屬性有:

border:設定**邊框

width:設定**寬度

align:設定**對齊

cellpadding:設定單元格間距

cellspacing:設定畫素間隙

tr表示**中的一行

td表示**中的一列

屬性:rowspan 定於單元格應該縱跨的行數

colspan 定義單元格應該橫跨的列數

、、用來規定**的表頭、主體、頁尾

HTML 基礎知識總結

一 html基本概念標籤 屬性 html是純文字 我的第乙個html頁面title head holle world h1 body html 兩種型別的元素 標籤text格式化 style style background color blue color white font family 微軟...

html的基礎知識總結

html的基礎知識總結 html的基本結構式 元素 屬性 屬性值 內容 元素 屬性 屬性值 無內容 eg 文雨婷 table元素 eg 一行一列 一行兩列 有序和無序列表 無序 eg 有序 eg 框架元素 eg 注 target 新開乙個網頁 表單元素 eg checkbox 核取方塊 redio ...

HTML基礎知識總結一

一 html是什麼?html是超文字標記語言的英文縮寫,超文字 就是指頁面內可以包含 鏈結 甚至 程式等非文字元素。超文字標記語言的結構包括 頭 部分 head 和主體部分 body 其中頭部提供關於網頁的資訊,主體部分提供網頁的具體內容。html並不是一種程式語言而是一種標記語言。二 html標籤...