html5使用方法？

html5的使用，與第四代的html有點出入，如：第四代的HTML布局用的是div來布局，而第五代的HTML布局已經(jīng)明確了 頭部、側(cè)邊、欄目、中間區(qū)域(主體部分)、以及底部(footer)；

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站建設(shè)、松嶺網(wǎng)絡(luò)推廣、小程序制作、松嶺網(wǎng)絡(luò)營銷、松嶺企業(yè)策劃、松嶺品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供松嶺建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

如：以前定義一個欄目導(dǎo)航divulliliul/div差不多是這形式來定義的，而html5則明確規(guī)定了nav/nav標(biāo)簽來定義，頭部用header/header底部用footer/footer這里需要記住的一點是：主體部分，也就是中間區(qū)域main/main一個網(wǎng)頁只能有一個主體部分；

這一點需要你好好記住，還有如果不懂的話，你可以去網(wǎng)上查看一些視頻教程，有詳細的解說，如果還有疑問請繼續(xù)追問我；

HTML5如何讓（以并排）中不同的詞語顯示有段落距離 PS：不是要字符間距啊，是要每個詞語間的間距

HTML5 letter-spacing標(biāo)簽可以更改單詞之間的間距，而word-spacing標(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(默認) 實心圓

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表示默認

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

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:表示默認選項

size:表示長度

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

/textarea

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

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

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

wrap:virtual和phycal控制自動換行

html5 ul 可以有哪些元素

定義和用法

ul 標(biāo)簽無序列表。

HTML 4.01 與 HTML5 之間的差異

在 HTML 4.01 中，ul 元素的 "compact" 和 "type" 屬性是不被贊成使用的。在 HTML5 中，不再支持這兩個屬性。

提示和注釋

提示：請使用 CSS 來定義列表的類型。

例子

ul

liCoffee/li

liTea/li

/ul

屬性

標(biāo)準(zhǔn)屬性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

lang, ref, registrationmark, tabindex, template, title

如需完整的描述，請訪問 HTML5 中標(biāo)準(zhǔn)屬性。

事件屬性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,

ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,

ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,

onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,

onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload