第一天
<html>快捷键:!+teb
<head>
<title>第一天</title>
</head>
<body>
<!--注释,在页面不显示!快捷键:ctrl+/-->
第一节
<h1>标题一</h1>快捷键:h$*默认为(1-6)
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
<p>段落标签</p>
<p>12345<br>换行标签<br>6789</p>
<hr>
<!-- <hr>水平线标签 -->
<p></p><b>文字加粗</b>
<p></p><i>字体倾体</i>
<p></p><u>字体下划线</u>
<p>上<sup>标签</sup></p>
<p>下<sub>标签</sub></p>
<p>x<sup>2</sup>+y<sub>2</sub>=?</p>
<p></p><big>大字号标签</big>
<p></p><small>小字号标签</small>
<p></p><s>删除线</s>
<div>块状元素</div>
<!-- 块状元素单独占据一行 -->
<span>内联元素</span>
<span>内联元素</span>
<span>内联元素</span>
<span>内联元素</span>
<!-- 内联元素可多个占据同一行 -->
<!-- <img src="图片位置/图片名称" width="宽度" height="高度">图片载入 -->
</body>
</html>
第二天
<!DOCTYPE html>
<html>
<head>
<title>第二天</title>
</head>
<body>
<a name="标签的属性"></a>
<p></p> <a href="https://www.baidu.com/" target="_self">百度</a>
<!-- target属性标签后:_blank新窗口打开,—self显示在相同的框架或者窗口中,_parent,_top-->
<p><a href="第一天.html" style="color: pink;">第一天</a></p>
<!-- <a href="同一文件内,可直接写链接"></a>网页链接,跳转页面。 -->
Phoenix<div class="cl" id="ads"></div>
Phoenix<div class="cl" id="sda"></div>
<!-- class元素同一页面可以重复出现,id元素同一页面不可重复出现! -->
<div style="color: blue;" title="凤凰">Phoenix</div>
<!-- style元素为规定元素的行内样式,title为规定元素的额外提示 -->
<p><img src="F:桌面背景动漫/2345_image_file_copy_43.jpg " alt=""></p>
<!-- <img src="图像标签" alt="文字,如果图片找不到,显示alt中的文字。"> -->
<!-- ./同级文件目录../上一级文件目录 -->
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<a href="#标签的属性" style="color: orangered;">当前页面跳转</a>
<ol type="I">
<!-- type属性为序号样式:1、a、A、i、I。五中有序列表属性 -->
<li>
<ol>
<li></li>
</ol>
</li>
<li></li>
<li></li>
</ol>
<!-- 有序列表 -->
<ul type="circle">
<!-- type:disc实心小圆点、circle空心小圆点、square实心小方块。无序列表的三种属性 -->
<li>
<ul>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
<!-- 无序列表 -->
<dl>
<dt>标题</dt>
<!-- <dt></dt>内容开头顶格 -->
<dd>简介</dd>
<!-- <dd></dd>内容开头会空出一部分 -->
<dt>标题</dt>
<dd>简介</dd>
</dl>
<!-- 自定义列表 -->
<table border="5" cellpadding="30" cellspacing="0" align="center">
<thead>
<tr>
<th></th>
</tr>
</thead>
<!-- 表格头部 -->
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<!-- 表格内容 -->
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
<!-- 表格底部 -->
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<!-- table表格:tr行、td列。border为边框宽度、cellpadding为内容与边框的距离、cellspacing单元格间的空白距离
align为表格水平对齐方式:right右侧,center中间,left左边-->
<!-- valign垂直对齐:top水平对齐、bottom最下面、 -->
<!-- 合并单元格:跨行:rowspan="数字"、跨列:colspan="数字" -->
</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>
<a href="http://www.baidu.com" target="n1">百度</a>
<iframe src="http://www.163.com" width="800" height="400" frameborder="0" name="n1"></iframe>
<!-- 内联框架,把其他网址引入 -->
<!-- <iframe src="" frameborder="0"></iframe>可以嵌套标签 -->
</body>
</html>
<html>
<frameset cols="25%,75%">
<frame src="作业6.20.html">
<frame src="第一天.html">
<noframes>浏览器不支持</noframes>
<!-- 链接不支持,显示<noframes></noframes>内的内容 -->
</frameset>
<!-- 框架:cols垂直框架、rows水平框架,全部引入其他文件-->
</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>
<form action="" method="POST">
<!-- 提交地址 -->
<input type="text" name="" id="" value="" placeholder="用户名">账号
<!-- 文本框 readonly只读,不能修改,name可以提交到后端.disabled中name不可提交到后端。-->
<br>
<input type="password" name="" id="" value="" placeholder="密码">密码
<!-- 密码框 -->
<br>
<input type="radio" name="sex" id="" checked value="1">男
<input type="radio" name="sex" id="">女
<!-- 单选按钮,在name中输入相同的元素-->
<br>
<input type="checkbox" name="" id="" checked value="1">男
<input type="checkbox" name="" id="">女
<!-- 复选框 -->
<br>
<input type="button" value="登录">
<input type="reset" value="重置">
<input type="submit" value="提交">
<!-- 按钮 -->
<br>
<input type="hidden" name="" value="">
<!-- 隐藏域 -->
<input type="file" name="" id="">
<!-- 文件上传 -->
<select name="" id="">
<option value="">男性</option>
<option value="">女性</option>
<option value="" selected>中性</option>
</select>
<!-- 下拉框 -->
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<!-- 文本域标签 -->
</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>
<button>按钮</button>
<canvas></canvas>
<pre>
121
</pre>
<audio src="" controls>音频引入</audio>
<!-- controls播放器必带 -->
<audio controls="controls">
<source src="">
<source src="">
</audio>
<br>
<video src="../1群2群1.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群2.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群3.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群4.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群7.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群9.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群10.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群12.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群14.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群15.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群18.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<video src="../1群2群19.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
<iframe src="" frameborder="0"></iframe>
</body>
</html>