柚子快報邀請碼778899分享：前端 關(guān)于HTML的知識

http://yzkb.51969.com/

一、HTML的常用標(biāo)簽

1.排版標(biāo)簽

排版標(biāo)簽主要和css搭配使用，顯示網(wǎng)頁結(jié)構(gòu)的標(biāo)簽，是網(wǎng)頁布局最常用的標(biāo)簽

1.1標(biāo)題標(biāo)簽

為了使網(wǎng)頁更具有語義化，我們經(jīng)常會在頁面中用到標(biāo)題標(biāo)簽，HTML提供了6個等級的標(biāo)題

? ?

一級標(biāo)題

? ?

二級標(biāo)題

? ?

三級標(biāo)題

? ?

四級標(biāo)題

? ?

五級標(biāo)題

? ?

六級標(biāo)題

注意：沒有h7等，一個html頁面中,只能有一個h1

2.2段落標(biāo)簽

標(biāo)簽表示文本的段落，段落通常在文檔中表示為文本塊，會自動在其前后創(chuàng)建一些空白

文本內(nèi)容

1.3 水平線標(biāo)簽

在網(wǎng)頁中常?？吹揭恍┧骄€將段落與段落之間隔開，使得文檔結(jié)構(gòu)清晰，層次分明。

1.4換行標(biāo)簽

在HTML中，用來設(shè)置文本強制換行顯示

換行

?1.5 div標(biāo)簽

?

?

?1.6 span標(biāo)簽

span 跨度 包裹文本文字都可以使用span，

span本身沒有什么含義，可用作文本的容器，包含著文本內(nèi)容，還可以通過對span標(biāo)簽對象設(shè)置不同樣式實現(xiàn)我們要的美化效果。

注意:是行內(nèi)元素

文本內(nèi)容 文本內(nèi)容 文本內(nèi)容

1.7 排版標(biāo)簽總結(jié)

2.文本格式化標(biāo)簽

在網(wǎng)頁中，有時需要為文字設(shè)置粗體、斜體或下劃線效果，這時就需要用到HTML中的文本格式化標(biāo)簽，使文字以特殊的方式顯示。

粗體 ? 或? 粗體 ? ? 文本以粗體樣式顯示?

斜體 或 斜體? 文本以斜體樣式顯示 刪除線 或 刪除線 ? ?文本以加刪除線樣式顯示 下劃線 或下劃線? ?文本以加下劃線樣式顯示

注意: strong、em 、 del、ins 標(biāo)簽(推薦使用)有語義，起到加重語氣的效果;

b、i、s、 u標(biāo)簽是沒有的語氣；

3.img標(biāo)簽

要想在網(wǎng)頁中顯示圖像就需要使用圖像標(biāo)簽，其基本語法格式如下:

? ? ? ? ? ? b.?返回上一級目錄 -->文本或圖像

屬性：

a.href( Hypertext? Reference的編寫)? ?意思是超文本引用，用于指定鏈接目標(biāo)的url地址，當(dāng)為標(biāo)簽應(yīng)用remI，E7市0具有了超鏈接的功能. b.target? 用于指定鏈接頁面的打開方式，其取值有_self和_b1ank 兩種，其中_self 為默認(rèn)值，_blank 為在新窗口中打開方式。

?注意: 1.外部鏈接需要添加 http://www.baidu.com 2.內(nèi)部鏈接直接鏈接內(nèi)部災(zāi)面名稱即可 比如

4.不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁中各種網(wǎng)頁元素，如圖像、表格、音頻、視頻等都可以添加超鏈接。

5.icon圖標(biāo)

? ?

添加icon圖標(biāo)

6.特殊字符

 :半角空格  全角空格

二、列表

1.無序列表

:定義無序列表，并且只能包含<1i>子元素。
• 定義列表項，可以包含與
  完全類似的內(nèi)容，所以可以包含較多類型的子元素

  <1i>無序列表項無序列表項 <1i>無序列表項

  ?注意: 1.

  /u1>中只能嵌套<1i'/1i〉，直接在〈u1>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。 2.<1i>與之間相當(dāng)于一個容器，可以容納所有元素。

  2.有序列表

  有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義，

  ?

  ? ? ? ?

  1. 鄧超

  ? ? ? ?

  2. 鹿晗

  ? ? ? ?

  3. 陳赫

  ? ?

  3.自定義列表

  :定義列表

  :定義 標(biāo)簽定義了定義列表中的項目(術(shù)語)
  :定義描述
  ?
  ? ? ? ?
  售后中心
  ? ? ? ?
  手機售后
  ? ? ? ?
  電視售后
  ? ? ? ?
  電腦售后
  ? ?
  三、表單
  在HTML中，一個完整的表單通常由表單控件(也稱為表單元素)、提示信息和表單域3個部分構(gòu)成 1.表單控件: 包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、復(fù)選框、提交按鈕、重置按鈕等 2.提示信息: 一個表單中通常還需要包含一些說明性的文字，提示用戶進行填寫和操作。 3.表單域: 相當(dāng)于一個容器，用來容納所有的表單控件和提示信息。
  ?
  ? ? 密碼:
  ? ?
  ?
  ? ?
  ? ?
  ? ? 注冊
  柚子快報邀請碼778899分享：前端 關(guān)于HTML的知識
  http://yzkb.51969.com/
  相關(guān)文章
  評論可見，查看隱藏內(nèi)容

  本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。

  轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。

  本文鏈接：http://gantiao.com.cn/post/19225760.html

  Wayfair家居出海坊
  發(fā)布評論

  取消回復(fù)

  •