9:00~12:00
常见的代码:
①<meta charset="utf-8"> 防止中文乱码
②<h1>一号标题</h1>
③<title>标题标签</title>
④<head><!-- head用来描述网页的属性--></head>
⑤hello html~<br /><!--br是换行,自闭标签 -->
⑥hello html~ 11<!-- 是空格元素 -->
⑦<body></body> <!--body用来控制游览器即将展示的内容 -->
二.常用标签
1.标签
①<!--1.标题标签 h1~h6 从大到小的顺序字号变化-->
<ul>无序</ul> <ol>有序<ol>
在有序无序中加入<li>字段</li>
==========================================================================
14:00~18:00
2.图标标签
①图片标签
src属性用来指定图片位置/路径
(如果图片和网页文件在同级文件夹可以直接显示)
<img src="照片.jpg"> width宽度 height高度 px像素
width属性用来指定图片的宽度,单位是像素px
height属性用来指定图片的高度,单位是像素px
②超链接跳转
<a> 标签的 target 属性规定在何处打开链接文档。
_blank ---->新窗口
_parent ---->在父框架集中打开被链接文档
_search ---->???
_self ---->当前页面打开
_top ---->在整个窗口中打开被链接文档。
锚定:从底部回到顶部,相互交换位置
3.图片标签
用超链接包裹图片,使图片可以点击进行跳转页面
![](https://img-blog.csdnimg.cn/739636da87fc43c7b479c535950c1304.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2hvc3QyMDIxYw==,size_20,color_FFFFFF,t_70,g_se,x_16)
4.Input标签
<input type="text" /> 普通文本框
<input type="password" /> 密码
<input type="radio"/>男 单选框
<input type="number" /> 数值
<input type="week" /> 日历
<input type="checkbox" />篮球 足球 乒乓球 多选框
<input type="button" value="点我一下"/>
<input type="submit" value="提交数据"/>
<button type="reset">重置</button>
5.表格标签
对table进行设置表格背景颜色(bgcolor),边框宽度(width),边框间距(border)
![](https://img-blog.csdnimg.cn/b441080598f64e23b99e7e6003e04b3f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAR2hvc3QyMDIxYw==,size_17,color_FFFFFF,t_70,g_se,x_16)
整体:
6.表单标签:
只有表单标签,才能提交数据,把前端输入的数据 提交给 java程序 的过程)表单标签本质上就是一个特殊的表格
<!-- 表单的格式:-->
<body><!-- 即将需要展示的页面样子-->
<form>
<table>
<tr><!-- 这里是行-->
<td> 这处是列</td>
</tr>
</table>
</form>
</body>
表单代码
<tr>行 <td>列 <th>字体加粗居中