1.常用標簽 1.基礎標簽 <!DOCTYPE> 定義文檔類型。 <html> 定義 HTML 文檔。 <head> 定義關於文檔的信息。 <title> 定義文檔的標題。 <body> 定義文檔的主體。 <h1> to <h6> 定義 HTML 標題。 <p> 定義段落。 <br> 定義簡單的折行 ...
1.常用標簽
1.基礎標簽
<!DOCTYPE> 定義文檔類型。
<html> 定義 HTML 文檔。
<head> 定義關於文檔的信息。
<title> 定義文檔的標題。
<body> 定義文檔的主體。
<h1> to <h6> 定義 HTML 標題。
<p> 定義段落。
<br> 定義簡單的折行。
<hr> 定義水平線。
<script> 定義客戶端腳本。
<link> 定義文檔與外部資源的關係
<meta> 定義關於 HTML 文檔的元信息。
<!--...--> 定義註釋。
2.格式標簽
<b> 定義粗體文本。等同於<strong>
<sup> 定義上標文本。
<sub> 定義下標文本。
<i> 定義斜體文本。等同於<em>
<u> 定義下劃線文本。
3.表單
- input標簽:
- name:定義 input 元素的名稱。
- value:規定 input 元素的值。
- type:規定 input 元素的類型。
- button:按鈕
- checkbox:多選框
- file:文件
- image:圖片按鈕,點擊圖片提交
- password:密碼框
- radio:單選框
- reset:重置
- submit:提交
- text:文本框
- 拓展:
- 郵箱:email,可初步驗證輸入是否為一個郵箱
- url:url,初步驗證輸入是否為一個網址
- 數字:number,可初步驗證是否為一個數字,且可以設置最大最小值和步長
- 滑塊;range
- select標簽:
- multiple:規定可選擇多個選項。
- name:規定下拉列表的名稱。
- 配套標簽:
- option標簽:
- selected:規定選項(在首次顯示在列表中時)表現為選中狀態。
- value:定義送往伺服器的選項值。
- option標簽:
- 表單特殊屬性:
- readonly:只讀
- disabled:禁用
- hidden:隱藏
- placeholder:給輸入框一個提示信息
- required:進行一個輸入框的非空判斷
4.超文本標簽
<audio> 定義聲音內容。
<img> 定義圖像。
<video> 定義視頻。
<a> 定義錨
- img標簽屬性(必填):
- alt:text 規定圖像的替代文本。
- src:URL 規定顯示圖像的 URL。
- a標簽(必填):
- href:跳轉路徑
- (可選):
- target _blank(新視窗) _parent _self(原本網頁) _top 規定在何處打開鏈接文檔。
- 錨鏈接
- 功能鏈接:
- 郵件鏈接
- qq鏈接
- video標簽:
- src:路徑
- autoplay:如果出現該屬性,則視頻在就緒後馬上播放
- controls:如果出現該屬性,則向用戶顯示控制項,比如播放按鈕。
- audio標簽:
- src:路徑
- autoplay:如果出現該屬性,則音頻在就緒後馬上播放。
- controls:如果出現該屬性,則向用戶顯示控制項,比如播放按鈕。
5.列表
<ul> 定義無序列表。
<ol> 定義有序列表。
<li> 定義列表的項目。
<dl> 定義定義列表。
<dt> 定義定義列表中的項目。
<dd> 定義定義列表中項目的描述。
6.表格
<table> 定義表格
<caption> 定義表格標題。
<th> 定義表格中的表頭單元格。
<tr> 定義表格中的行。
<td> 定義表格中的單元。
<thead> 定義表格中的表頭內容。
<tbody> 定義表格中的主體內容。
<tfoot> 定義表格中的表註內容(腳註)。
- 跨列屬性:colspon
- 跨行屬性:rowspon
7.樣式
<style> 定義文檔的樣式信息。
<div> 定義文檔中的節。
<span> 定義文檔中的節。
<article> 定義文章。
<section> 定義 section,一塊獨立的web區域,網頁主體。
<header> 定義 section 或 page 的頁眉,網頁頭部。
<footer> 定義 section 或 page 的頁腳,網頁腳部。
<aside> 定義頁面內容之外的內容,常用於側邊欄。
<nav> 定義導航欄
8.特殊符號
-
空格 > 大於 ⁢ 小於 © 版權
9.內聯框架(網頁嵌套)
<iframe> 定義內聯框架。
- iframe標簽:
- src:要打開網頁路徑
- name:配合a標簽target使用