常用html元素總結(jié)包括基本結(jié)構(gòu)、文檔類型、頭部、主體等等

2020-03-24 16:43:23

字體：大中小

供稿：網(wǎng)友

1.基本結(jié)構(gòu)：

復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title /title
/head
body
/body
/html

2.文檔類型：

(1)HTML 4.01

!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd

(2)HTML5

!DOCTYPE html

(3)XHTML 1.0

復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

3.頭部：
（1）字符集

復(fù)制代碼代碼如下:
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

（2）引入JS

復(fù)制代碼代碼如下:
script language="javascript" /script
script language="javascript" src="" /script
script language="javascript" var u="__URL__";var a="__APP__"; /script
script language="javascript" src="__PUBLIC__/js/jquery-1.8.1.min.js" /script

（3）引入CSS

復(fù)制代碼代碼如下:
style type="text/css" /style
link rel="stylesheet" href="" type="text/css"

（4）設(shè)置默認(rèn)跳轉(zhuǎn)

復(fù)制代碼代碼如下:
base href="" /
base target="_blank" /

（5）設(shè)置搜索引擎相關(guān)信息

復(fù)制代碼代碼如下:
meta name="description" content=",," /
meta name="keywords" content=",," /

4.主體：

（1）基本內(nèi)容

復(fù)制代碼代碼如下:
body onload=""
div id="" class="" /div
div

（2）表單
GET方式提交： form id= action= method= post /form
POST方式提交： form id= action= method= get /form

攜帶文件提交： form id= action= method= post enctype= multipart/form-data /form

首頁常用：

復(fù)制代碼代碼如下:
input id="username" name="username" class="" type="text" placeholder="用戶名" /input
input id="password" name="password" class="" type="password" placeholder="密碼" /input
input id="login_button" type="button" value="登錄" register_button" type="button" value="注冊"

文本域： input id= name= >
密碼域： input id= name= >普通按鈕： input id= name= >單選按鈕： input id= name= >多選按鈕： input id= name= >
為了顯示上傳文件名：

input id= name= '').value=this.value /input
文件上傳： input id= name= >隱藏域： input id= name= >提交按鈕： input id= name= >圖片提交按鈕： input id= name= >重置按鈕： input id= name= >
多行文本域： textarea cols= rows= id= name= /textarea

下拉菜單：

復(fù)制代碼代碼如下:
select name="" size="" multiple
option value="" selected /option
option value="" /option
/select

（3）超鏈接
點(diǎn)擊跳轉(zhuǎn)到JS: a '' /a
空超鏈接（點(diǎn)擊跳到頁首）： a href= # /a
空超鏈接（點(diǎn)擊不動）： a href= javascript:void(0); /a

圖片超鏈接： a href= img width= height= src= /a

（4）圖片
普通圖片： img src=

設(shè)置寬高的圖片（按照比例縮小，文件大小不變）： img width= height= src=

（5）表格

復(fù)制代碼代碼如下:
table border="1" cellpadding="10" cellspacing="0"
tr
th width="100px" A /th
th width="200px" B /th
/tr
tr
td A /td
td B /td
/tr
/table

（6）列表

無序列表：

復(fù)制代碼代碼如下:
ul type="disc"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ul
ul type="square"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ul
ul type="circle"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ul

有序列表：

復(fù)制代碼代碼如下:
ol type="1"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ol
ol type="a"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ol
ol type="A"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ol
ol type="i"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ol
ol type="I"
li 第一點(diǎn) /li
li 第二點(diǎn) /li
/ol

（7）多媒體

滾動字幕： marquee /marquee

背景音樂： bgsound /bgsound

音頻、視頻、flash、mpeg等： embed /embed

（8）行控制

標(biāo)題： hn /hn

段落： p /p

換行： br

水平線： hr

5.框架

復(fù)制代碼代碼如下:
frameset rows="50% 50%"
farme src=""
farme src=""
/frameset
html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：HTML你一定要知道的優(yōu)化技巧

下一篇：利用HTML5 Canvas API繪制矩形的超級攻略