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使用
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/500211.html
標籤:其他
上一篇:使用Three.js實作炫酷的賽博朋克風格3D數字地球大屏 🌐
下一篇:前端學習
