<!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>
<form action="#">
<h2>青春不常在，抓紧谈恋爱</h2><br>
性别 <input type="radio" name="a" value="男" checked>男<input type="radio" name="a" value="女">女<br>
生日 <select>
<option selected disabled>--请选择年--</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
</select>
<select>
<option selected disabled>--请选择月--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select>
<option selected disabled>--请选择日--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select><br>
所在地区 <input type="text" value="北京思密达"><br>
婚姻状态 <input type="radio" name="marital status" vaiue="未婚" checked>未婚
<input type="radio" name="marital status" value="已婚">已婚
<input type="radio" name="marital status" value="离婚">离婚<br>
学历<input type="text"><br>
喜欢的类型<input type="checkbox" name="type" value="妩媚的">妩媚的
<input type="checkbox" name="type" value="可爱的">可爱的
<input type="checkbox" name="type" value="小鲜肉">小鲜肉
<input type="checkbox" name="type" value="老腊肉">老腊肉
<input type="checkbox" name="type" value="都喜欢">都喜欢<br>
自我介绍 <input type="text" style="height: 50px;"><br>
<button>免费注册</button><br>
<input type="checkbox">我同意注册条款和会员加入标准<br>
<a href="#">我是会员，立即登录</a><br>
<h3>我承诺</h3>
<ul>
<li style="margin-left: 50px;">年满十八岁、单身</li>
<li style="margin-left: 50px;">抱着严谨的态度</li>
<li style="margin-left: 50px;">真诚寻找另一半</li>
</ul>
</form>
</body>
</html><!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>今日搜索热词</h1><hr>
<h2>1、阿卡贝拉</h2>
阿卡贝拉（意大利：Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，并不应用乐器。音频示例：,<a href="../day2/image/music.mp3">阿卡贝拉《千与千寻》</a>
<h2>2、翻唱</h2>
“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包括重新填词，编曲。现在已有不少明星，都在翻唱他人的歌，不断在翻唱中突破自己，给大家带来不一样的风格。视频示例： <a href="../day2/image/movie.mp4">有一种悲伤（翻唱）-《A Kind of Sorrow》</a>
</body>
</html>笔记1
开局！+回车 开出骨架
注释：ctrl+/
标题标签：<hn>
段落标签：<p></p>
换行：<br>
水平线：<hr>
笔记2
加粗：<b></b> <strong></strong>
倾斜：<i></i><em></em>
下划线：<u></u>
删除线：<del></del>
预格式化：<pre></pre>
上标：<sup></sup>
下标：<sub></sub>
笔记3
列表标签：
1.无序列表：<ul><li></li></ul>
ul：表示无序列表 li：无序列表中的一个子项 ul标签里面只能放li标签 li标签里面可以放任何的标签
2.有序列表：<ol><li></li></ol>
ol标签里面只能放li标签 li标签里面可以放任何标签
3.自定义列表：<dl><dt><dd></dd></dt></dl>
dl标签只能包含dt、dd dt、dd里面可以包含任何标签
tr：表示的是一行 th：表头部分的一个单元格 align="right" :表格相对于父级元素的对齐方式 cellspacing="0" 取消单元格与单元格之间的间隙
表格标签：<table>
<caption></caption>
<tr><th></th></tr>
</table>
单元格的合并：
align:改变的是单元格中内容的水平对齐方式 valign：改变单元格中垂直方向的对齐方式的
1、明确合并的目标 2、保留最左边、最上边的单元格，添加对应的属性（取值是数字，表示跨越单元格的数量） 3、删除掉多余的单元格
rowspan：跨行合并 colspan：跨列合并
表格补：<colgroup>
<col class="#">
</colgroup>
语义化：
class：同一个页面可以有多个class值相同的标签 主要是后期配合css使用的
id:同一个页面不能重复
无语义标签 ：主要用于页面的布局（划分区域，摆放应的内容）
字符实体：浏览器会把字符实体解析成对应的普通的字符
表单标签：from表单是实现前后端交互的方式之一 ，把数据提交给web服务器，所有的表单相关的标签，必须包裹在form里面 action=""：指向处理表单数据的位置
placeholder：文本提示 maxlength：元素接受字符数的上限 checked：元素是否被选中
input type="元素类型" name="元素的名称" value="元素的值" id="客户端的唯一标识"
readonly: 让元素变为只读的效果 disabled：实现元素的禁用
input type="button" value="普通按钮" 普通按钮，点击之后不会提交
input type="email" 邮箱 点击提交按钮之后，会进行匹配，错误会出现弹框
get和post的区别：http协议规定不同 get请求安全性比较低：擦书裸露在url当中
下拉框：<select>
<option></option>
</select>
selected下拉菜单的默认显示
扫一扫
6541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
