html5語法

基本沿用了html基礎(chǔ)語法。但更簡潔更人性化,主要有以下5點：

網(wǎng)站設(shè)計制作過程拒絕使用模板建站；使用PHP+MYSQL原生開發(fā)可交付網(wǎng)站源代碼;符合網(wǎng)站優(yōu)化排名的后臺管理系統(tǒng)；成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)收費合理；免費進(jìn)行網(wǎng)站備案等企業(yè)網(wǎng)站建設(shè)一條龍服務(wù).我們是一家持續(xù)穩(wěn)定運營了十年的創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司。

!doctype html

字符集設(shè)置

meta charset="utf-8"

不允許寫的結(jié)束符的標(biāo)簽： area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略結(jié)束符的標(biāo)簽： li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

新增結(jié)構(gòu)化標(biāo)簽 ：

? ? 從div...div/派生而出

(1)header標(biāo)簽 :顧名思義，header標(biāo)簽用于將 HTML 頁面的一部分標(biāo)記為頁眉。

(2)section標(biāo)簽 :section標(biāo)簽用于標(biāo)識頁面上的重要內(nèi)容部分。該標(biāo)簽有點類似于將一本書分成幾個章節(jié)。

(3)article標(biāo)簽 :article標(biāo)簽標(biāo)識了 Web 頁面中的主要內(nèi)容。以博客為例，每篇帖子都構(gòu)成一個重要內(nèi)容。

(4)aside標(biāo)簽 :aside標(biāo)簽表示標(biāo)簽中包含的內(nèi)容與頁面主要內(nèi)容相關(guān)，但不是該頁面的一部分。這有點類似于使用括弧對正文進(jìn)行注釋（就像這樣）。括弧中的內(nèi)容提供關(guān)于該元素的一些附加信息。

(5)footer標(biāo)簽 :footer標(biāo)簽將所包含的元素內(nèi)容標(biāo)記為文檔的頁腳。

( 6)nav標(biāo)簽 :nav標(biāo)簽中包含的內(nèi)容主要用于導(dǎo)航。

示例：

新增媒體標(biāo)簽：

video

audio

embed

input type="checkbox" checked/

寫明表示true；否則false

不區(qū)分大小寫，與xhtml不同

單雙引號皆可，有空格時不行。

html中的〈hr〉標(biāo)記代表什么意思

hr?標(biāo)簽定義?HTML?頁面中的主題變化（比如話題的轉(zhuǎn)移），并顯示為一條水平線。

hr?元素被用來分隔?HTML?頁面中的內(nèi)容（或者定義一個變化）。

在?HTML5?中，hr?定義內(nèi)容中的主題變化，并顯示為一條水平線。

在?HTML?4.01?中，hr?標(biāo)簽僅僅顯示為一條水平線。

在?HTML?4.01?中，所有的布局屬性都?已廢棄。在?HTML5?中不再支持這些屬性。請使用?CSS?來為?hr?元素定義樣式

簡單的說就是一條分割線，或者稱為水平線。

html5以什么標(biāo)簽開頭

這個問題。。。好吧我還是給你找了這么多。

!--...-- 定義注釋。

!DOCTYPE 定義文檔類型。

a 定義錨。

abbr 定義縮寫。

acronym 定義只取首字母的縮寫。

address 定義文檔作者或擁有者的聯(lián)系信息。

applet 不贊成使用。定義嵌入的 applet。

area 定義圖像映射內(nèi)部的區(qū)域。

article 定義文章。

aside 定義頁面內(nèi)容之外的內(nèi)容。

audio 定義聲音內(nèi)容。

b 定義粗體字。

base 定義頁面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。

basefont 不贊成使用。定義頁面中文本的默認(rèn)字體、顏色或尺寸。

bdi 定義文本的文本方向，使其脫離其周圍文本的方向設(shè)置。

bdo 定義文字方向。

big 定義大號文本。

blockquote 定義長的引用。

body 定義文檔的主體。

br 定義簡單的折行。

button 定義按鈕 (push button)。

canvas 定義圖形。

caption 定義表格標(biāo)題。

center 不贊成使用。定義居中文本。

cite 定義引用(citation)。

code 定義計算機代碼文本。

col 定義表格中一個或多個列的屬性值。

colgroup 定義表格中供格式化的列組。

command 定義命令按鈕。

datalist 定義下拉列表。

dd 定義定義列表中項目的描述。

del 定義被刪除文本。

details 定義元素的細(xì)節(jié)。

dir 不贊成使用。定義目錄列表。

div 定義文檔中的節(jié)。

dfn 定義定義項目。

dialog 定義對話框或窗口。

dl 定義定義列表。

dt 定義定義列表中的項目。

em 定義強調(diào)文本。

embed 定義外部交互內(nèi)容或插件。

fieldset 定義圍繞表單中元素的邊框。

figcaption 定義 figure 元素的標(biāo)題。

figure 定義媒介內(nèi)容的分組，以及它們的標(biāo)題。

font 不贊成使用。定義文字的字體、尺寸和顏色。

footer 定義 section 或 page 的頁腳。

form 定義供用戶輸入的 HTML 表單。

frame 定義框架集的窗口或框架。

frameset 定義框架集。

h1 to h6 定義 HTML 標(biāo)題。

head 定義關(guān)于文檔的信息。

header 定義 section 或 page 的頁眉。

hr 定義水平線。

html 定義 HTML 文檔。

i 定義斜體字。

iframe 定義內(nèi)聯(lián)框架。

img 定義圖像。

input 定義輸入控件。

ins 定義被插入文本。

isindex 不贊成使用。定義與文檔相關(guān)的可搜索索引。

kbd 定義鍵盤文本。

keygen 定義生成密鑰。

label 定義 input 元素的標(biāo)注。

legend 定義 fieldset 元素的標(biāo)題。

li 定義列表的項目。

link 定義文檔與外部資源的關(guān)系。

map 定義圖像映射。

mark 定義有記號的文本。

menu 定義命令的列表或菜單。

menuitem 定義用戶可以從彈出菜單調(diào)用的命令/菜單項目。

meta 定義關(guān)于 HTML 文檔的元信息。

meter 定義預(yù)定義范圍內(nèi)的度量。

nav 定義導(dǎo)航鏈接。

noframes 定義針對不支持框架的用戶的替代內(nèi)容。

noscript 定義針對不支持客戶端腳本的用戶的替代內(nèi)容。

object 定義內(nèi)嵌對象。

ol 定義有序列表。

optgroup 定義選擇列表中相關(guān)選項的組合。

option 定義選擇列表中的選項。

output 定義輸出的一些類型。

p 定義段落。

param 定義對象的參數(shù)。

pre 定義預(yù)格式文本。

progress 定義任何類型的任務(wù)的進(jìn)度。

q 定義短的引用。

rp 定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。

rt 定義 ruby 注釋的解釋。

ruby 定義 ruby 注釋。

s 不贊成使用。定義加刪除線的文本。

samp 定義計算機代碼樣本。

script 定義客戶端腳本。

section 定義 section。

select 定義選擇列表（下拉列表）。

small 定義小號文本。

source 定義媒介源。

span 定義文檔中的節(jié)。

strike 不贊成使用。定義加刪除線文本。

strong 定義強調(diào)文本。

style 定義文檔的樣式信息。

sub 定義下標(biāo)文本。

summary 為 details 元素定義可見的標(biāo)題。

sup 定義上標(biāo)文本。

table 定義表格。

tbody 定義表格中的主體內(nèi)容。

td 定義表格中的單元。

textarea 定義多行的文本輸入控件。

tfoot 定義表格中的表注內(nèi)容（腳注）。

th 定義表格中的表頭單元格。

thead 定義表格中的表頭內(nèi)容。

time 定義日期/時間。

title 定義文檔的標(biāo)題。

tr 定義表格中的行。

track 定義用在媒體播放器中的文本軌道。

tt 定義打字機文本。

u 不贊成使用。定義下劃線文本。

ul 定義無序列表。

var 定義文本的變量部分。

video 定義視頻。

wbr 定義視頻。

xmp 不贊成使用。定義預(yù)格式文本。

HTML5這個詞到底是什么意思？

Html是英文HyperTextMarkupLanguage的縮寫，中文意思是“超文本標(biāo)志語言”，用它編寫的文件(文檔)的擴展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫字板或FrontPageEditor等編輯工具來編寫Html文件。Html語言使用標(biāo)志對的方法編寫文件，既簡單又方便，它通常使用標(biāo)志名/標(biāo)志名來表示標(biāo)志的開始和結(jié)束(例如html/html標(biāo)志對)，因此在Html文檔中這樣的標(biāo)志對都必須是成對使用的。

Html的基本標(biāo)志： 1.html/html html標(biāo)志用于Html文檔的最前邊，用來標(biāo)識Html文檔的開始。而/html標(biāo)志恰恰相反，它放在Html文檔的最后邊，用來標(biāo)識Html文檔的結(jié)束，兩個標(biāo)志必須一塊使用。 2.head/head head和/head構(gòu)成Html文檔的開頭部分，在此標(biāo)志對之間可以使用title/title、script/script等等標(biāo)志對，這些標(biāo)志對都是描述Html文檔相關(guān)信息的標(biāo)志對，head/head標(biāo)志對之間的內(nèi)容是不會在瀏覽器的框內(nèi)顯示出來的。兩個標(biāo)志必須一塊使用。 3.body/body body/body是Html文檔的主體部分，在此標(biāo)志對之間可包含p、/p、h1、/h1、br、hr等等眾多的標(biāo)志，它們所定義的文本、圖像等將會在瀏覽器的框內(nèi)顯示出來。兩個標(biāo)志必須一塊使用。body標(biāo)志中還可以有以下屬性：屬性 用途 示例 bodybgcolor="#rrggbb"設(shè)置背景顏色。bodybgcolor="red"紅色背景 bodytext="#rrggbb"設(shè)置文本顏色。bodytext="#0000ff"藍(lán)色文本 bodylink="#rrggbb"設(shè)置鏈接顏色。bodylink="blue"鏈接為藍(lán)色 bodyvlink="#rrggbb"設(shè)置已使用的鏈接的顏色。bodyvlink="#ff0000" bodyalink="#rrggbb"設(shè)置正在被擊中的鏈接的顏色。bodyalink="yellow" 說明:以上各個屬性可以結(jié)合使用，如bodybgcolor="red"text="#0000ff"。引號內(nèi)的rrggbb是用六個十六進(jìn)制數(shù)表示的RGB(即紅、綠、藍(lán)三色的組合)顏色，如#ff0000對應(yīng)的是紅色。此外，還可以使用Html語言所給定的常量名來表示顏色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如bodytext="Blue"表示body/body標(biāo)志對中的文本使用藍(lán)色顯示在瀏覽器的框內(nèi)。 4.title/title 使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁的“主題”，要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡單，只要在title/title標(biāo)志對之間加入您要顯示的文本即可。注意：title/title標(biāo)志對只能放在head/head標(biāo)志對之間。

html5常用標(biāo)記總結(jié)

一、文本標(biāo)簽

1.1 標(biāo)題標(biāo)記：hn align=”對齊方式”標(biāo)題文本/hn

注意：

1.標(biāo)題準(zhǔn)備了h1----h6的標(biāo)題，按照字號依次遞減(塊級元素)

2.align表示對齊方式，其值為left,center,right

1.2 字體標(biāo)記：font face=”字體名稱” size=”字號” color=”字體顏色” 文字/font

注意：中文網(wǎng)頁以黑體，宋體，3號字的效果顯示

1.3 段落標(biāo)記：p align=”對齊方式” 段落內(nèi)容/p

注意：p可以作為單標(biāo)記或雙標(biāo)記：

單標(biāo)記：段落與上文產(chǎn)生一個空行的間距。

雙標(biāo)記：段落與上下文之間產(chǎn)生一個空行的間距

1.4 換行標(biāo)記：

注意：br /表示換行，多次換行多次使用br /

1.5 預(yù)格式化標(biāo)記：pre...../pre

注意：預(yù)格式化標(biāo)記可將空格、制表符、回車符等忽略

1.6 轉(zhuǎn)義字符：轉(zhuǎn)義字符讓特殊字符顯示出來。

語法：實體名稱;

二、列表標(biāo)記

2.1 無序列表

ul type=”列表項的標(biāo)簽符”

li項目一/li

li項目二/li

li項目三/li

......

/ul

注意： type表示了項目符號：

disc(默認(rèn)) 實心圓

circle：空心圓

square：實心方塊

2.2 有序列表：

ol type=”列表項的標(biāo)記符” start=”起始值”

li項目一/li

li項目二/li

li項目三/li

......

/ol

注意：1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,從第幾個數(shù)開始計算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割線標(biāo)記：hr align=”對齊方式” size=”水平線高度” width=”水平線寬度”

color=”水平線顏色”

三、超鏈接標(biāo)記

3.1 文本鏈接：a href=”目標(biāo)URL” target=”目標(biāo)窗口”指針文本/a

注意： 1.href表示文本鏈接的目標(biāo)資源的URL

絕對地址和相對地址

絕對地址：在任何情況下都可以找到的地址（例如：網(wǎng)址）

相對地址：必須知道當(dāng)前所在，才能找到（../表示上一級目錄，/表示下級目錄）例子：../img/baidu.jpg 表示在當(dāng)前位置的上一層目錄下的img文件夾中的baidu.jpg 文件。

3.2 圖片標(biāo)記：img src=”圖片文件路徑” alt=”提示文本” height=”圖片高度” width=”圖片寬度”/

3.3 多媒體標(biāo)記

3.3.1 滾動字幕標(biāo)記：marquee可以實現(xiàn)文字或圖片的跑馬燈效果

marquee..../marquee

marquee的屬性：

behavior 指定了跑馬燈的效果：scroll(滾動)、slide(滑動)、alternate(交替)

bgcolor:跑馬燈的背景顏色

direction:跑馬燈的移動方向，left（左）、right(右)、up(上)、down(下)

scrolldelay:每次移動的延遲時間，單位毫秒

loop:跑馬燈運行次數(shù)，-1表示無限循環(huán)

height、width

hspace:左右空白寬度

vspace:上下空白寬度

3.3.2 嵌入音樂文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入視頻文件

video src=”視頻文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本語法：

table

tr

......

td單元格內(nèi)容/td

......

/tr

/table

注意：

table:聲明一個表格對象

tr:聲明一行

td:聲明一個單元格

4.2 表格的基本屬性

1.align 對齊方式：left、center、right

2.border:表格邊框

3.bordercolor:邊框顏色

4.bgcolor:表格背景顏色

5.background:背景圖片

6.height、width

4.3 單元格合并

1.rowspan:所跨的行數(shù)

2.colspan:所跨的列數(shù)

五、表單

5.1 表單標(biāo)簽：form action=”URL” method=”get|post” target=”...”/form

注意：form：該標(biāo)記中包含的數(shù)據(jù)將被提交到服務(wù)器或者電子郵件中

action:指定服務(wù)器端處理提交表單信息的程序是什么。URL地址或電子郵件地址

method:get/post:數(shù)據(jù)傳輸?shù)椒?wù)器的傳遞方法

target:服務(wù)器返回文檔結(jié)果的顯示位置：_blank:在新的瀏覽器窗口中打開

_self:在當(dāng)前瀏覽器中顯示

5.2 表單標(biāo)記

5.2.1 input標(biāo)簽：input type=”類型” name=”服務(wù)器 獲取用戶輸入信息的名字” value=”初始值”

注意：1.type類型（輸入類型）:

1. text:單行文本框

2. password:密碼輸入框

3. radio:單選按鈕 checked表示默認(rèn)

4. checkbox:復(fù)選框 checked表示默認(rèn)

5. submit:提交按鈕

6. reset:重置按鈕

7. button:普通按鈕

2.maxlength：輸入的最大長度

5.2.2 select標(biāo)簽

select name=”” size=”” multiple

option value=”選項1” 選項1

.......

option value=”選項n” 選項n

/select

注意：name:服務(wù)器 獲取用戶輸入信息的名字

value ：初始值

option：下拉框的內(nèi)容

multiple:多選，若沒有multiple則是單選

selected:表示默認(rèn)選項

size:表示長度

5.2.3 textarea 標(biāo)簽：textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name：多行文本框的名稱

cols：一行可容納的字符數(shù)

rows：表示可顯示額的行數(shù)

wrap:virtual和phycal控制自動換行

如何控制HR標(biāo)簽制作的網(wǎng)頁水平線的長度和顏色？

1、首先新建html文檔，輸入html5標(biāo)準(zhǔn)聲明，如圖所示。

2、然后輸入html基本網(wǎng)頁結(jié)構(gòu)，如圖所示。

3、接著輸入hr標(biāo)簽hr是水平線，是單邊標(biāo)記，如圖所示。

4、hr標(biāo)簽的常用屬性，Size：設(shè)置水平線的粗細(xì)。

5、Width：設(shè)置水平線的寬度，?Color：設(shè)置水平線的顏色，noshade：純色顯示，不帶陰影效果。

6、最后運行網(wǎng)頁，查看效果，如圖所示，就完成了。

分享文章：hrhtml5的簡單介紹
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article49/dsgooeh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站內(nèi)鏈、網(wǎng)站排名、微信公眾號、云服務(wù)器、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)