HTML標簽筆記

whidy 發布于2019-04-23 11:55 / 1987人閱讀

摘要：換行符首部說明文檔使用的標準在中僅為頭標簽在里使用的標簽為頭標簽在標簽上顯示的內容設置頁面的一些相關內容實現頁面定時跳轉秒數路徑設置超鏈接的一些內容引入外部文件屬性當前文檔與被鏈接文檔之間的關系被鏈接文檔的類型文件路徑引入文件文件路徑定義

換行符：

首部:
: 說明html文檔使用的標準, 在HTML5中僅為
1、頭標簽

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

2、文字標簽和注釋標簽

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

3、標題標簽、水平線標簽和特殊字符

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

4、列表標簽

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

5、圖像標簽

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

6、超鏈接標簽

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

7、表格標簽

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

8、表單標簽(注冊)

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

9、框架標簽

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

10、內容標簽

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

11. 影音標簽

: 視頻標簽(HTML5)
: 音頻標簽(HTML5)

云服務器 GPU云服務器 html單標簽雙標簽 html標簽html html標簽 html標簽?

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1348.html

學習筆記 | HTML 基本結構和基本標簽 ——前端學習第一步！

摘要：基本結構語言中，一個頁面是由四個部分組成文檔聲明標簽對標簽對標簽對圖示文檔聲明這是一個文檔聲明，表示這是一個頁面。標簽標簽表示頁面內容的范圍。 HTML HTML ...

sPeng 2021-09-30 09:48 評論0 收藏0
重學前端學習筆記（十六）--HTML元信息類標簽

摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入w...

wemall 2019-08-02 16:17 評論0 收藏0
重學前端學習筆記（十六）--HTML元信息類標簽

摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入w...

gaomysion 2019-08-26 13:47 評論0 收藏0
重學前端學習筆記（十六）--HTML元信息類標簽

摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入w...

printempw 2019-08-30 10:54 評論0 收藏0
重學前端學習筆記（四）--div和span不是夠用嗎？

摘要：筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄，每天分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入的專欄學習原文有的語音，如有侵權請聯系我，郵箱。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以...

lx1036 2019-08-02 16:15 評論0 收藏0