<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1><b><center>用户注册</center></b></h1>
<br><center>用 户 名<input type="text"></center>
<br><center>密 码<input type="password"></center>
<br><center>性别<input type="radio" name="性别" checked>男
<input type="radio" name="性别">女</center>
<br><center>爱好<input type="checkbox" name="爱好">唱
<input type="checkbox" name="爱好">跳
<input type="checkbox" name="爱好">rap
<input type="checkbox" name="爱好">打篮球</center>
<br><center>邮箱<input type="text" value="请输入你的邮箱"></center>
<br><center>用户头像<button>选择文件</button></center>
<br><center>家庭住址<select name="住址">
<option>请选择你的住址</option>
</select></center>
<p><center>收货地址<select name="地址" multiple>
<option value="南京">南京</option>
<option value="重庆">重庆</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
</center></p></select>
<p><center>建议或意见<textarea value="建议或意见" name="建议或意见"></textarea></center></p>
<center><br>选择你喜欢的颜色<input type="color">注册时间<input type="datetime-local"></center>
</body>
</html>
表格标签
<table></table>表格标签
border width height cellspacing间隙 becolar(背景)
<caption></caption>标题
<thead></thead>表头
height align(left center)
<tr></tr>行(表格的行)
<th></th>第一行(加粗)
<td></td>每行 colspan(跨列) rowspan(跨行)
表单补充
<form></form>
<label></label>点文字
其余标签
<iframe src="........"></iframe>把另一个页面嵌到自己的网页
<dialog open></dialog>可关闭的对话框
<details></details>详情 <summary></summary>替换详情
全局属性
tabingex可被tab便利
css
外联用<link rel="stylesheet" href="">
内联在<title></title>下用<style></style>
/*
*/ css的注释
基础选择器
.id{
color:
}
<div class="id">1</div>
包含(子代 后代)选择器
.class>li {
}子代选择器
.class li {
border:
}后代选择器
复合选择器
p,
.class
属性选择器
input [type=""]{
background-color:
}
input[type^="1"](开头字母为1){
}
伪类选择器
a:hover{}鼠标悬停的颜色
a:visited{}点击之后的颜色
a:active{}点击但不松手的颜色