HTML標(biāo)簽筆記

whidy 發(fā)布于2019-04-23 11:55 / 2038人閱讀

摘要：換行符首部說明文檔使用的標(biāo)準(zhǔn)在中僅為頭標(biāo)簽在里使用的標(biāo)簽為頭標(biāo)簽在標(biāo)簽上顯示的內(nèi)容設(shè)置頁面的一些相關(guān)內(nèi)容實現(xiàn)頁面定時跳轉(zhuǎn)秒數(shù)路徑設(shè)置超鏈接的一些內(nèi)容引入外部文件屬性當(dāng)前文檔與被鏈接文檔之間的關(guān)系被鏈接文檔的類型文件路徑引入文件文件路徑定義

換行符：

首部:
: 說明html文檔使用的標(biāo)準(zhǔn), 在HTML5中僅為
1、頭標(biāo)簽

：在head里使用的標(biāo)簽為頭標(biāo)簽
- :在標(biāo)簽上顯示的內(nèi)容　　
- :設(shè)置頁面的一些相關(guān)內(nèi)容　　
  - 實現(xiàn)頁面定時跳轉(zhuǎn)：　　　　
- :設(shè)置超鏈接的一些內(nèi)容　　
- :引入外部文件　　
  - 屬性：　　　　
    - rel:當(dāng)前文檔與被鏈接文檔之間的關(guān)系　　　　　　
    - type：被鏈接文檔的 MIME 類型　　　　　　
    - href：文件路徑　　　　　　
  - 引入css文件:　　　　
- :定義樣式信息，與css文件相同

2、文字標(biāo)簽和注釋標(biāo)簽

文字標(biāo)簽：修改文字樣式
- 　　
- 屬性：　　
  - size:文字的大小，取值范圍1-7，超出7，默認(rèn)是7　　　　
  - color:文字顏色　　　　
    - 兩種表示方式：　　　　　　
      - 英文單詞：red green ......　　　　　　　　
      - 使用十六進(jìn)制數(shù)表示 #ffffff　　　　　　　　
- :加粗　　
- :刪除線　　
- :下劃線　　
- :斜體　　
- :原樣輸出　　
- :上角標(biāo)　　
- :下角標(biāo)　　
- :段落標(biāo)簽，比br標(biāo)簽多一行　　
注釋標(biāo)簽
-

3、標(biāo)題標(biāo)簽、水平線標(biāo)簽和特殊字符

標(biāo)題標(biāo)簽
- ......
  　　
- 從h1到h6，大小依次變小，同時自動換行　　
水平線標(biāo)簽
- 　　
- 屬性：　　
  - size:水平線的粗細(xì)，取值范圍1-7　　　　
  - color:顏色　　　　
特殊字符
- < <　　
- > >　　
- 空格　　
- & &

4、列表標(biāo)簽

:表示列表的范圍
- 在dl里面
  
  :上層內(nèi)容　　
- 在dl里面
  
  :下層內(nèi)容　　
:有序列表的范圍
- 屬性：type 設(shè)置排序方式 1 a i　　
- 在ol里面
- 具體內(nèi)容
:無序列表的范圍
- 屬性：type 空心圓 circle 實心圓 disc 實心方塊 square 默認(rèn) disc　　
- 在ul里面

5、圖像標(biāo)簽

- 一般用于圖片的布局　　
- 屬性：　　
  - src：圖片路徑　　　　
  - width：圖片寬度　　　　
  - height：圖片高度　　　　
  - title: 當(dāng)鼠標(biāo)放上去時顯示的文字　　　　
  - alt：圖片讀取異常時顯示文字（圖片上顯示文字（兼容性差））

6、超鏈接標(biāo)簽

鏈接資源
- 　　
  - 屬性：　　　　
    - href:鏈接的資源地址　　　　　　
    - target：設(shè)置打開方式　　　　　　
      - _blank: 在新窗口打開　　　　　　　　
      - _self: 在當(dāng)前頁打開(默認(rèn))　　　　　　　　
      - framesetName: 在指定名稱的框架中打開　　　　　　　　
定位資源
- 定義位置　　
  - 　　　　
    - 屬性：　　　　　　
      - name: 位置名稱，定義一個位置　　　　　　　　
      - href: 定位到指定名稱的位置處( this.html#name)

7、表格標(biāo)簽

: 表示表格的范圍
- 和定義表格的標(biāo)題與主題,標(biāo)識作用　　
- 在table里面 :設(shè)置標(biāo)題　　
- 在table里面 :表示行　　
  - 在tr里面 :表示列　　　　
  - 在tr里面 :相當(dāng)于td的基礎(chǔ)上做了居中和加粗的操作　　　　
- table屬性：　　
  - border：設(shè)置表格邊框的寬度　　　　
  - bordercolor：設(shè)置表格邊框顏色　　　　
  - cellspacing：設(shè)置單元格之間的距離　　　　
  - width：表格寬　　　　
  - height：表格高　　　　
- tr屬性：　　
  - align：設(shè)置顯示方式居左(left),居中(center),居右(right)　　　　
- td屬性：　　
  - align：設(shè)置顯示方式居左(left),居中(center),居右(right)　　　　
  - rowspan：跨行的數(shù)量　　　　
  - colspan:跨列的數(shù)量

8、表單標(biāo)簽(注冊)

: 定義一個表單的范圍
- 屬性：　　
  - action：數(shù)據(jù)提交地址，默認(rèn)當(dāng)前路徑　　　　
  - method：表單提交方式，有g(shù)et(默認(rèn)) post　　　　
:輸入項
- input屬性：　　
  - type：輸入項的類型　　　　
    - text：普通輸入項　　　　　　
    - number: 數(shù)字項　　　　　　
    - password：密碼輸入項　　　　　　
    - radio: 單選輸入項　　　　　　
    - checkbox：復(fù)選輸入項　　　　　　
    - file：文件輸入項(為表單添加 enctype="multipart/form-data" 屬性, 且method="post")　　　　　　
      - accept: 指定上傳文件格式　　　　　　　　
    - hidden：隱藏項　　　　　　
    - submin：提交按鈕　　　　　　
    - image：圖片形式提交按鈕，src指定路徑　　　　　　
    - reset：重置按鈕　　　　　　
    - button：普通按鈕　　　　　　
    - placeholder: 提示信息(HTML5)　　　　　　
    - name：元素名稱　　　　　　
    - value: 元素值　　　　　　
    - checked：預(yù)先選定復(fù)選框或單選按鈕　　　　　　
    - readonly: 指定輸入框為只讀,不可編輯(布爾值)　　　　　　
    - disabled: 禁用輸入(布爾值), 不可與 type 為 hidden 的同時出現(xiàn)　　　　　　
    - required: 該項必須填寫　　　　　　
    - pattern: 指定正則表達(dá)式, 與該表達(dá)式匹配才可以提交　　　　　　
    - autofocus: 自動聚焦　　　　　　
    - maxlength: 限制最大輸入長度　　　　　　
: 綁定表單控件　　
- for: 控件id, 當(dāng)點擊其中文字時, 焦點到該控件上　　
:文本域　　
- textarea屬性：　　
  - cols:列的數(shù)量　　　　
  - rows:行的數(shù)量　　　　
:下拉的輸入項
- ：選擇列表　　
select 屬性：
- name　　
option 屬性：
- value：元素值　　
- selected: 預(yù)選值

9、框架標(biāo)簽

:定義框架集
- 在frameset里面 :frameset 中的一個特定的窗口　　
frameset屬性：
- rows：按照行進(jìn)行劃分，*代表剩下所有(200px, *)　　
- cols：按照列進(jìn)行劃分，*代表剩下所有(200px, *)　　
: 其中的內(nèi)容只有在瀏覽器不支持js或禁用了js時執(zhí)行

10、內(nèi)容標(biāo)簽

無意義標(biāo)簽(用來布局):
- :自動換行　　
- :在一行顯示　　
- : 導(dǎo)航塊(HTML5)　　
- : 頭部(HTML5)　　
- : 在頁面尾部顯示(HTML5)　　
- : 表示頁面一個內(nèi)容區(qū)塊,如章節(jié),頁眉等(HTML5)　　
- : 表示獨立的內(nèi)容,如文章等(HTML5)　　
- : 表示 article 的輔助信息(HTML5)　　
- : 頁面中的標(biāo)題(HTML5)

11. 影音標(biāo)簽

: 視頻標(biāo)簽(HTML5)
: 音頻標(biāo)簽(HTML5)

云服務(wù)器 GPU云服務(wù)器 html單標(biāo)簽雙標(biāo)簽 html標(biāo)簽html html標(biāo)簽 html標(biāo)簽?

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1348.html

發(fā)表評論

登陸后可評論

0條評論

whidy

男|高級講師

我要關(guān)注我要私信

TA的文章

目前國內(nèi)有哪些免費的云數(shù)據(jù)庫？

閱讀 2200·2021-11-22 13:52
牛啤~這個框架被大量使用，騰訊開源的RPC框架阿里的Dubbo全靠它

閱讀 1067·2021-11-17 09:33
騰訊云秒殺活動：國內(nèi)vps云主機,2核4G/80GB/8Mbps帶寬,79元/年;4核8G5M僅21

閱讀 2780·2021-09-01 10:49
前端實例練習(xí) - 模態(tài)相冊

閱讀 2907·2019-08-30 15:53
Flex布局

閱讀 2714·2019-08-29 16:10
float 實現(xiàn)三欄布局

閱讀 2483·2019-08-29 11:31
NPM酷庫039：iconv-lite，字符串編碼轉(zhuǎn)換

閱讀 1479·2019-08-26 11:40
Authing 和云原生應(yīng)用(CloudNative)

閱讀 1964·2019-08-26 10:59

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

HTML標(biāo)簽筆記

相關(guān)文章

**學(xué)習(xí)筆記 | HTML 基本結(jié)構(gòu)和基本標(biāo)簽 ——前端學(xué)習(xí)第一步！**

重學(xué)前端學(xué)習(xí)筆記（十六）--HTML元信息類標(biāo)簽

重學(xué)前端學(xué)習(xí)筆記（十六）--HTML元信息類標(biāo)簽

重學(xué)前端學(xué)習(xí)筆記（十六）--HTML元信息類標(biāo)簽

重學(xué)前端學(xué)習(xí)筆記（四）--div和span不是夠用嗎？

發(fā)表評論

0條評論

whidy

男|高級講師

TA的文章

目前國內(nèi)有哪些免費的云數(shù)據(jù)庫？

牛啤~這個框架被大量使用，騰訊開源的RPC框架阿里的Dubbo全靠它

騰訊云秒殺活動：國內(nèi)vps云主機,2核4G/80GB/8Mbps帶寬,79元/年;4核8G5M僅21

前端實例練習(xí) - 模態(tài)相冊

Flex布局

float 實現(xiàn)三欄布局

NPM酷庫039：iconv-lite，字符串編碼轉(zhuǎn)換

Authing 和云原生應(yīng)用(CloudNative)

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

HTML標(biāo)簽筆記

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！