java -web html5学习1

基础标签

<!--html5声明-->
<!DOCTYPE html>
<!--html标签-->
<html lang="en">
<!--文档头-->
<head>
<!--告知浏览器此页面属于什么字符编码格式,--><meta charset="UTF-8">
<!-- 用于标识当前网页的标题；标题将会显示在浏览器的标题栏，历史记录，收藏夹，搜索引擎的结果--><title>Title</title>
</head>
<!--文档主体-->
<body></body>
</html>

块元素与行元素

行内元素：一行
特点：就可以和其他元素在一行显示，不能自动换行，不能设置宽高
常见行内元素：a，span,i,u,em,sub,sup

块级元素：多行
特点：不可以和他的元素在一行，可以自动换行，可以设置宽高
常见的块级元素：div,p,h,ul,li,dl,dt,dd

标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。相当于一个透明的容器，用来分隔 ## 作业实践 ![在这里插入图片描述](https://img-blog.csdnimg.cn/008185982ed446438e4c6396b09a1a0f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBARFFfQ09ESU5H,size_20,color_FFFFFF,t_70,g_se,x_16) 代码： ```html Information

个人信息

修改个人信息(*为必填项)

    <tr><td>*户口所在地</td><td><select name="career"><option value="沈阳">沈阳</option><option value="四川">四川</option><option value="上海">上海</option></select></td></tr><tr><td>*现居住地城市</td><td><select name="city"><option value="沈阳">沈阳</option><option value="四川">四川</option><option value="上海">上海</option></select></td></tr><tr><td>*联系方式</td><td><input name="ucontact" type="text"><a href="h1_information.html">修改</a></td></tr><tr><td>*电子邮箱</td><td><input name="uemail" type="text"><a href="h1_information.html">修改</a></td></tr><tr><td>婚姻状况</td><td><input name="umarry_no" type="radio">未婚<input name="umarry_ing" type="radio">已婚<input name="umarry_ed" type="radio">离异</td></tr><tr><td>国籍</td><td><select name="nation"><option value="中国大陆">中国大陆</option><option value="中国大陆">中国香港</option></select></td></tr><tr><!--&nbsp空格--><td>海外工作/学习经历&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td><td><input name="abroad_yes" type="radio">有<input name="abroad_no" type="radio">无</td></tr><tr><td>政治面貌</td><td><input name="figure_party" type="radio">中国党员（预备党员）<input name="figure_union" type="radio">团员<input name="figure_crowd" type="radio">群众<input name="figure_democratic" type="radio">民主党派<input name="figure_null" type="radio">无党派人士</td></tr>
</table>
<!--   blank在新窗口打开目标网址,_self表示在当前标签页中打开目标网页-->
<pre>                       <input name="save" type="submit" value="保存"style="background: blue;text-align: center;color: white;align-content: center"><ahref="h1_information.html" target="_blank">返回</a>