2周沒有寫HTML5,腦子就有些混亂了。做一下筆記
HTML5典型頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header>
<h1>HTML5</h1>
</header>
<main></main>
<footer></footer>
</body>
</html>
忘記了有<header><main><footer>這類標簽
這類標簽都可以用CSS
h1~h6標示大標題
p標示段落
P可以用來換行
a鏈接
<a target="_blank" title="饑人谷">饑人谷.com</a>
title是鼠標放上去的顯示出來的提示
target=“_blank”打開新頁面
沒有target則是變成當前頁面直接跳轉
img

alt是在后面的顯示的名稱
用來展示圖片
UL
<ul>
<li>聯系</li>
<li>地址</li>
</ul>
無序列表
OL
<ol> <li>
同理有序列表
dl dt dd 作用于商品介紹
<dl>
<dt>商品名稱:</dt>
<dd>青花瓷</dd>
<dt>特征:</dt>
<dd>白色</dd>
<dd>圓口</dd>
<dt>商品介紹</dt>
<dd>這是一個年代久遠的瓷器,很貴,易碎</dd>
</dl>
button
<button>點我</button>
強調用的不多
<p>優惠 <strong>100</strong> 元</p>
<p>小谷 <em>2</em> 歲了</p>
嵌入頁面
<iframe src="http://jirengu.com" name="myPage"></iframe>
TABLE列表
table tr-th tr-td
<table>
<tr>
<th>姓名</th>
<th>年紀</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
<tr>
<td>小花</td>
<td>20</td>
</tr>
</table>
meta
IE最高模式
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
聲明文檔使用的編碼付
<meta charset="utf-8">
搜索引擎關鍵字
<meta name="keywords" content="your tags">
表單
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="login">
<input type="text" name="sex">
<form action="/getInfo" method="get">
<div class="submit">
<button>提交??</button>
</div>
<div class="username">
<label for="username">姓名</label>
<input id="username" type="text" name="username" value="ruo">
</div>
<div class="password">
<label for="password">密碼</label>
<input id="password" type="password" name="password" placeholder="輸入密碼">
</div>
<div class="hobby">
<label>愛好</label>
<input type="checkbox" name="hobby" value="read"> 讀書
<input type="checkbox" name="hobby" value="music"> 聽歌
<input type="checkbox" name="hobby" value="study"> 學習
</div>
<div class="sex">
<label>性別</label>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女"> 女
</div>
<div class="file">
<input type="file" name="myfile" accept="image/png">
</div>
<div class="select">
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>
</div>
<div class="textarea">
<textarea name="article">
多行文本,注意和 type=text的區別
</textarea>
<input type="hidden" name="csrf" value="12345623fafdffdd">
<input type="button" value="Buttom" /> 不會提交
<input type="submit" value="Submit" /> 會提交
<input type="reset" value="Reset" /> 重置輸入
</div>
</form>
</div>
</body>
</html>
注意type="buttom" 是不會提交的 單純按鈕功能
type="submit" 才是提交的
一般提交表單數據method="POST"而不用method="get"