Html5學習記錄

2021-09-16 23:58:18 字數 2618 閱讀 2654

< br>換行符

(1)超連結 < a>< /a>

屬性 :

href 鏈結位址

target _blank 建立新頁 _self 重新整理本頁

(2)粗體 < b>< /b>

(3)斜體 < i> < /i>

(4)下劃線 < u>< /u>

(5)刪除線 < s>< /s>

(6)強調< em>< /em>

(1)** < table>< /table>

(2)普通行< tr>< /tr>

(3)標題行< th>< /th>

(4)單元格< td>< /td>

屬性 :

colspan=「2」 合併2行單元格

rowspan=「2」 合併2列單元格

(5)表頭 < thead>< /thead>

(6)錶身 < tbody>< /tbody>

(7)表腳< tfoot>< /tfoot>

(1)有序列表 < ol>< /ol>

屬性 :

type 樣式 a(字母) a(字母) 1(阿拉伯數字) i(羅馬數字)i(羅馬數字) reversed 降序

(2)無序列表< ul>< /ul>

(3)列表中的項< li>< /li>

(1)表單< form>< /form>

屬性:method=「get」

action=「***」

(2)輸入框< input>

屬性 :

type=「text」 單行文字框 password 單行密碼框 button 按鈕 submit 提交 range(min 最小 max 最大 step 漸變值 value 起始值)

value="***x"佔位文字

placeholder=「***x"提示不佔位

maxlength=「8」 最大輸入文字長度

size=「50"單行文字框長度

readonly 唯讀

list='datalistid」 列表

type=「password」 單行密碼框

type=「button」 按鈕

type=「submit」 提交

type=「range」(min 最小 max 最大 step 漸變值 value 起始值)

type=「number」(min 最小 max 最大 step 漸變值 value 起始值)

type=「checkbox」

type=』'radio」 name="a"多選一 checked 選中

type=「email」 郵箱

type=「tel」 **

type=「url」 url

type=「data」 日期

type=「color」 顏色

type="search"搜尋

type=「hidden」 隱藏

type=「image」 src 路徑 width height

type=「file」 檔案 multiple 上傳多個 required 乙個 form 新增屬性 enctype=「multipart/form-data」

(3)輸入域< textarea>< /textarea>

屬性:rows=「20」 行

cols=「20」 列

(4)核取方塊< select>< /select>

< option>< /option> 選項

(5)列表資料< datalist>< /datalist>

< option>< /option> 選項

屬性:id id

(1)< img>

屬性:src 路徑

width 寬

height 高

usemap="#mapname" 使用map

alt 設定備用內容

(2)分割槽< map >

(3)區域< area>

屬性:hred 鏈結位址

alt 備用內容

shape="rect"矩形 coords=「左邊緣,上邊緣,右邊緣,下邊緣」

shape=「circle"圓形 coords=「圓心橫座標,圓心縱座標,半徑」

shape=「poly"多變形 coords=」」

(1)音訊< audio>

屬性:src 路徑

type 格式種類

屬性:src 路徑

type 格式種類

HTML5學習記錄(二)

1 網頁就是使用純文字寫的 1 標籤需要有開始和結束。例如 文字內容 2 根標籤 有且只有乙個,網頁所有的內容都要寫到根標籤裡面 3 子標籤 兩個同級 4 head標籤不會在網頁中直接顯示,只是用於設定一些資訊給瀏覽器使用,幫助瀏覽器解析頁面的 5 body網頁主體,需要展示的內容要寫到這個裡面,網...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...