html5基礎語法及用法

2021-10-05 10:41:26 字數 1812 閱讀 1950

在vscode輸入!+tab可快速生成骨架 lang=「en」 中en是指英文,中文是zh-ch,不過不影響,一般用en也行 utf-8是指萬國碼

head是頭部的意思 title是網頁標題的意思

body是身體的意思一般**在body裡寫

h1,h2,h3,h4,h5.h6分別代表6個級別的標題

p標籤代表乙個段落

br是單標籤,代表換行

img是標籤

我是加粗我是斜體

我是刪除線

我是下劃線

;指空格

>; 指大於號

排版標籤

h標題標籤

p段落標籤

hr水平線標籤

br換行標籤,單標籤***

div和span標籤指乙個盒子,沒有語義,學css的時候才會著重用,天天用*****

div是division的縮寫,分割分割槽的意思,一行只能放乙個div

span是跨度,跨距,範圍,一行可以放多個span

錨點鏈結,在本頁跳轉

"#one">第1集

"one">第1集(分集以tv版為準)

就是在href後面本該加鏈結的地方給他加個#標識,想要跳轉的地方加上id=標識

返回頂部可以用上面的寫法,用#,#會返回頂部,不會重新整理,啥都不放就是重新整理

id可以放在p標籤,h標籤等標籤裡,但是要有乙個標籤給他放

"center" border="1" cellspacing="0" cellpadding="10" weight="500" height="100">

表頭"2">***

"center">

******

英短 1000

藍白虎斑 998

水果芒果菠蘿

香蕉蘋果

表單域

form必須在table外面

form action="" 伺服器程式的url位址 method="" 表單資料提交方式,取值為get或post name=""表單名資料分類,傳送後端

表單控制項

input控制項***

input標籤各type型別

text文字框

password密碼框

radio單選框–name單選互斥

checkbox多選框

button普通按鈕

submit提交按鈕

reset重置按鈕,配合form表單才有作用

image提交按鈕 src是放路徑的

file單檔案上傳

input其他適用屬性

value各種文字框預設值,button文字,主要還是傳輸資料用

placeholder佔位符

checked單選複選的預設選中

maxlength最大字元數

select下拉框

option選項值

selected="selected"預設選中

textarea文字域

textarea cols=「列(一行最大字元數)」 rows=「顯示的行數」

主要用css控制寬度大小,禁止拖放

label與表單元素繫結

"radio" name="***">男  去掉for屬性

"radio" id="girl" name="***"> "girl">女通過for找到id對應的標籤

HTML5新增語法

html5模式下的 doctype 文件寫法非常簡單,只需要通過一句簡單的 即可實現。比起 html4.01和xhtml2.0時的 doctype 文件寫法,html5模式下的 doctype 文件寫法更簡便。除了文件簡便,其編碼寫法也得到了簡化,只需要指定編碼方式即可。xhtml2.0對大小寫要求...

HTML5標籤語法介紹及新增標記

html5標籤語法介紹及新增標記 1 語法標籤 1 不允許寫的結束符的標籤 area basebr col command embed hr img input keygen link meta param source track wbr 2 可以省略結束符的標籤 li dt dd p rt op...

HTML5的語法變化

1 標籤不再區分大小寫 hello,world 2 元素可以省略結束標籤 1 空元素語法的元素 area base br col command embed hr img input keygen link mata param source wbr 2 可以省略結束標籤的元素 colgroup d...