<14>HTML

05-21

<14>HTML

HTML中有用的字元實體

字元實體

Emmet快捷方式

thead+tbody
tr>(td{$})*4
(tr>(td{列 $})*4)*3
<! --注釋-->快捷鍵:Ctrl+/

文檔聲明

<!DOCTYPE html>

<html></html>

<html lang="zh-CN">告訴瀏覽器語言

<head></head>

<head>裡面放與頁面內容無關信息

<meta charset="utf-8">
<title> </title>

<body></body>

<body>裡面放與頁面內容相關信息

<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=#>跳轉到頂部
<a href=#某個地方>跳轉倒某個地方
ul>li*3
<ul>unordered list 無序列表父親
<ol>ordered list有序列表父親
<li>list item 列表中的一項兒子
<table> </table>表格

<thead> </thead>表頭
<tbody> </tbody>內容
<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" >
如果點擊前面字元自動調整功能
<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請求修改資料庫

屬性

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 屬性用於對提交到伺服器後的表單數據進行標識，或者在客戶端通過 JavaScript 引用表單數據。只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
radio如何分組？
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex1" value="man">男
按照name的value不同，分為不同的組
placeholder屬性有什麼作用？
placeholder是做提示用的，佔位符，就是你一個輸入框還沒輸入的時候，裡面就實現是placeholder的內容
亂碼原因？編碼與解碼方式不一樣。
1：沒有設置meta charset
2：meta charset設置錯了
3：英文和數字不會出現亂碼，中文可能會出現
title 屬性和 alt屬性分別有什麼作用？
title屬性是在圖片正常載入滑鼠划上去顯示的值

alt屬性是在圖片無法載入的時候才會顯示的其值
W3C 的創始人是誰？
李爵士Sir Timothy John Berners-Lee
HTML 規範是由哪個組織制定的？
W3C
塊元素佔據一整行空間
內聯元素佔據內容一整塊空間
<kbd>標籤是定義鍵盤文本
HTML只會定義內容，不會去管字體顏色，大小，行間距等信息
post 和 get 方式提交數據有什麼區別？
post與get是瀏覽器向伺服器發送請求的一種方式。
get：向後端發送請求的時候是key=value形式。一是體現在URL上面，比如password會體現在URL上面，不安全。二是數據量限制。

post：向後端發送請求的相對比較安全，沒有數據量的限制。

<14>HTML

HTML中有用的字元實體

Emmet快捷方式

文檔聲明

標籤

<html></html>

<head></head>

<body></body>

屬性

常見知識