HTML中有用的字符實體
Emmet快捷方式
thead+tbody
tr>(td{$})*4
(tr>(td{列 $})*4)*3
-
<! --注釋-->
快捷鍵:Ctrl+/
文檔聲明
<!DOCTYPE html>
標簽
<html></html>
<html lang="zh-CN">
告訴瀏覽器語言
<head></head>
<head>
里面放與頁面內(nèi)容無關(guān)信息
<meta charset="utf-8">
-
<title>
</title>
<body></body>
<body>
里面放與頁面內(nèi)容相關(guān)信息
-
<h1>
</h1>
-
<h$>
<h$>
-
<p>
<strong>
劉嘉俊</strong>
</p>
加粗 -
<p>
<em>
劉嘉俊</em>
</p>
斜體 -
<img src="www.baidu.com" alt=風景圖>
語法:<a src="value">
說明:alt作用是當圖片讀取不出來的時候,或者視力有缺陷的人讀取的時候殿怜,方便使用际度。 -
<video>
</video>
-
<audio>
</audio>
-
<a href="www.baidu.com" title="百度" target="_blank">百度</a>
<a href=#>
跳轉(zhuǎn)到頂部
<a href=#某個地方>
跳轉(zhuǎn)倒某個地方 -
ul>li*3
<ul>
unordered list 無序列表 父親
<ol>
ordered list有序列表 父親
<li>
list item 列表中的一項 兒子 -
<table>
</table>
表格
<thead>
</thead>
表頭
<tbody>
</tbody>
內(nèi)容
<tr>
</tr>
行
<td>
</td>
列 -
<br>
強制換行 -
<form>
</form>
將提交后端的信息包裹起來
<form action="url" method="get""post">
image -
<div class="value">
</div>
-
<label>
劉嘉俊</label>
<input type="text""password" name="username""password" value="username1""password1" >
- 如果點擊前面字符自動調(diào)整功能
<label for=“123456789”>
劉嘉俊</label>
<input id="123456789" type="text" name="username" value="username1">
-
<select></select>
下拉菜單 -
<option>``</option>
下拉菜單選擇項 -
<textarea></textarea>
輸入框 -
<input type="hidden" name"csrf" value="abcdefg123456789">
用于用戶驗證,防止陌生用戶get或post請求修改數(shù)據(jù)庫
屬性
-
type="text"
type="password"``type="radio"``type="file"
accept="image/png"
name="value"
value="value"
placeholder="輸入密碼"
title="text"
-
target=:"_blank"
新窗口打開URL src="url"
href="url"
action="url"
disabled
-
contenteditable
可輸入框 -
class="value"
賦予一個值
常見知識
在input里穷劈,name 屬性有什么作用奕短?
name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)朱浴。只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。radio如何分組梁沧?
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex1" value="man">男
按照name的value不同,分為不同的組placeholder屬性有什么作用?
placeholder是做提示用的,占位符瘩扼,就是你一個輸入框還沒輸入的時候,里面就實現(xiàn)是placeholder的內(nèi)容亂碼原因?編碼與解碼方式不一樣奈籽。
1:沒有設(shè)置meta charset
2:meta charset設(shè)置錯了
3:英文和數(shù)字不會出現(xiàn)亂碼饥侵,中文可能會出現(xiàn)title 屬性和 alt屬性分別有什么作用?
title屬性是在圖片正常加載鼠標劃上去顯示的值
alt屬性是在圖片無法加載的時候才會顯示的其值W3C 的創(chuàng)始人是誰衣屏?
李爵士Sir Timothy John Berners-LeeHTML 規(guī)范是由哪個組織制定的躏升?
W3C塊元素占據(jù)一整行空間
內(nèi)聯(lián)元素占據(jù)內(nèi)容一整塊空間<kbd>
標簽是定義鍵盤文本HTML只會定義內(nèi)容,不會去管字體顏色狼忱,大小膨疏,行間距等信息
post 和 get 方式提交數(shù)據(jù)有什么區(qū)別若债?
post與get是瀏覽器向服務(wù)器發(fā)送請求的一種方式惑朦。
get:向后端發(fā)送請求的時候是key=value形式。一是體現(xiàn)在URL上面浓若,比如password會體現(xiàn)在URL上面斧蜕,不安全双霍。二是數(shù)據(jù)量限制。
post:向后端發(fā)送請求的相對比較安全,沒有數(shù)據(jù)量的限制洒闸。