<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.a{
margin: 0px;
font-size: 30px;
color: black;
}
</style>
</head>
<body>
<body>
<h1 align="center">个人简历表</h1>
<table border="4px" cellspacing="0px" class="a" align="center" >
<tr style="color: #000000" height="100px">
<td width="200px">姓名</td>
<td width="300px"></td>
<td>性别</td>
<td width="300px"></td>
<td width="300px">民族</td>
<td width="300px"></td>
<td width="200px">出生日期</td>
<td width="400px"></td>
</tr>
<tr style="color: #000000" height="100px">
<td>身高</td>
<td></td>
<td>体重</td>
<td></td>
<td>政治面貌</td>
<td></td>
<td>生活地区</td>
<td></td>
</tr>
<tr style="color: #000000" height="100px">
<td>学制</td>
<td></td>
<td>学历</td>
<td></td>
<td>毕业时间</td>
<td></td>
<td>培养方式</td>
<td></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="1">专业</td>
<td colspan="2"></td>
<td>毕业证书</td>
<td colspan="2"></td>
<td>就业范围</td>
<td></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="8" align="center">技能特张爱好</td>
</tr>
<tr style="color: #000000" height="100px">
<td>英语水平</td>
<td colspan="7"></td>
</tr>
<tr style="color: #000000" height="100px">
<td>计算机水平</td>
<td colspan="7"></td>
</tr>
<tr style="color: #000000" height="100px">
<td>获奖情况</td>
<td colspan="7"></td>
</tr>
<tr style="color: #000000" height="100px">
<td align="center">特长爱好</td>
<td colspan="7" align="center">体育.网球.音乐。读书.阅读</td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="8" align="center">学习实践经历</td>
</tr>
<tr style="color: #000000" height="100px">
<td width="300px" colspan="3">时间</td>
<td width="300px" colspan="3">地位学校单位</td>
<td width="300px" colspan="3">经历</td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="3"></td>
<td colspan="3"></td>
<td colspan="3"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="3"></td>
<td colspan="3"></td>
<td colspan="3"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="3"></td>
<td colspan="3"></td>
<td colspan="3"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="3"></td>
<td colspan="3"></td>
<td colspan="3"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="8" align="center">基础课程</td>
</tr>
<tr>
<td height="100px" colspan="8"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="8" align="center">专业课程</td>
</tr>
<tr style="color: #000000" height="100px">
<td height="100px" colspan="8"></td>
</tr>
<tr style="color: #000000" height="100px">
<td colspan="8" align="center">论文情况</td>
</tr>
<tr style="color: #000000" height="100px" >
<td colspan="8"></td>
</tr>
</body>
</html>采用了TABLE+CSS+HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5基础制作</title>
<base href="http://www.google.com/" />
<style type="text/css">
h1{
color: #FF0000;
border: 3px;
border-style: solid;
float: left;
clear: both;
}
h2{
color: #00BFFF;
color: #FF0000;
border: 3px;
border-style: dashed;
float: bottom;
overflow: hidden;
}
h3{
color: #A9A9A9;
color: #00BFFF;
color: #FF0000;
border: 3px;
border-style: double;
}
h4,h5,h6{
color: coral;
border: 3px;
border-style: dotted;
}
aside {
position: absolute;
background-color: greenyellow;
border: 2px solid black;
width: 200px;
left: 30%;
top: 5%
}
.hezi{
width: 400px;
height:400px;
border: 40px solid turquoise;
background: deepskyblue;
padding: 30px;
margin: 40px;
border-top-color: #6699CC;
border-right-color: #FF0000;
border-bottom-color: #6c6c6c;
border-left-color: #FF3399;
padding-bottom: inherit;
background-color: darkslategray;
background-attachment: fixed;
font-family: "Bookshelf Symbol 7";
font-size: 30px;
font-kerning: initial;
float: left;
clear: left;
overflow: hidden;
overflow: auto;
overflow: scroll;
overflow: no-display;
}
</style>
</head>
<body>
<h1>一级标题</h1><br />
<h2>二级标题</h2><br />
<h3>三级标题</h3><br />
<h4>四级标题</h4><br />
<h5>五级标题</h5><br />
<h6>六级标题</h6><br />
<hr />
<p class="h1">离开的人越来越多，留下的人越来越重要一切都会好起来的，即使不是在今天，总有一天会的真正的失败不是你没有做成事，而是你甘心于失败运气就是机会碰巧撞到了你的努力得之坦然，失之淡然，顺其自然，争其必然。</p>
<hr />
<p>离开的人越来越多，留下的人越来越重要一切都会好起来的<br>即使不是在今天，总有一天会的真正的失败不是你没<br>有做成事，而是你甘心于失败运气就是机<br>会碰巧撞到了你的努力得之坦然，<br>失之淡然，顺其自然，争其必然。</p>
<hr />
<div>Hellow you me </div>
<div>Hellow you me World like you me </div>
<div>$$$$$$$!!!!!!!</div>
<hr />
<span>Hellow</span>
<span>World Hellow</span>
<span>!!!!!</span>
<hr />
<div><b>AAAAAA</b></div>
<div><strong>BBBBBBBBB</strong></div>
<div><big>CCCCCCCCC</big></div>
<div><small>DDDDDDDDD</small></div>
<div><em>EEEEEEEEEEE</em></div>
<div><i>FFFFFFFFFF</i></div>
<div>ASDFG<sup>fg</sup>HJKL</div>
<div>asdfghhj<sub>SD</sub></div>
<div><bdo dir="ltr">从left到right</bdo></div>
<div><bdo dir="rtl">从right到left</bdo></div>
<hr />
<abbr title="HELLOW L LIKE ME YOU JAVA SCRIPT IS WEB"></abbr>
<br /><br />
<dfn>HTMLCSS</dfn>是一种标记语言。<del>不是标记语言</del><br />
<ins>HTML</ins>是<q>kjjsslajal</q>的缩写。<br />
<!--
作者：2571507538@qq.com
时间：2021-09-05
描述：空格需字符( )
-->
<code>
public class htmler{<br />
private static final version =5.0;<br />
}<br />
</code>
<hr />
<pre>
public class htmler{<br />
private static final version =5.0;<br />
}<br />
</pre>
<hr />
离开的人越来越多，留下的<address></address>人越来越重要一切都会好起来的<address/>即使不是在今天，总有一天会的真正的失败不是你没有做成事，而是你甘心于失败运气就是机会碰巧撞到了你的努力得之坦然，失之<cite>天会的真正的失败不</cite>淡然，顺其自然，争其必然<br />
<blockquote></blockquote>离开的人越来越多，留下的人越来越重要一切都会好起来的<br>即使不是在今天，总有一天会的真正的失败不是你没<br>有做成事，而是你甘心于失败运气就是机<br>会碰巧撞到了你的努力得之坦然，<br>失之淡然，顺其自然，争其必然。
</blockquote>
<br>
<a href="http://www.google.com">跳转到googel</a>
</br>
<a href="http://www.baidu.com">跳转到baidu</a>
</br>
<a href="2.html">跳转到2.html</a>
<p>列表元素</p>
<ul>
<li>北京</li>
<li>上海</li>
<li>福建</li>
<li>江西</li>
</ul>
<ol>
<li>北京</li>
<li>上海</li>
<li>福建</li>
<li>江西</li>
</ol>
<dl>
<dt>3</dt>
<dd>北京</dd>
<dd>上海</dd>
<dd>JIANGX</dd>
<dd>nancheng</dd>
<dt>2</dt>
<dd>北京</dd>
<dd>上海</dd>
<dd>JIANGX</dd>
<dd>nancheng</dd>
</dl>
</br>
<hr>
<p>表格元素·</p>
<p class="q">课程表</p>
<form align="center">
<input type="text">
<input type="submit" value="搜索"/>
</form>
<ul>
<li><a href="5.html" target="content_table">A班课表</a></li>
<li><a href="4.html" target="content_table">B班课表</a></li>
<li><a href="3.html" target="content_table">C班课表</a></li>
<li><a href="2.html" target="content_table">D班课表</a></li>
<li><a href="1.html" target="content_table">E班课表</a></li>
<li><a href="5.html" target="content_table">F班课表</a></li>
</ul>
<iframe frameborder="0" width="600" height="600" src="5.html" name="content_table"></iframe>
<table border="5px" align="center">
<caption>课程表</caption>
<tr>
<th>项目</th>
</tr>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期天</td>
</tr>
<tr>
<td rowspan="4">上午</td>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
<td rowspan="4">休息</td>
</tr>
<tr>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
</tr>
<tr>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
</tr>
<tr>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
</tr>
<tr>
<td rowspan='2'>下午</td>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
</tr>
<tr>
<td><a href="5.html">语文</a></td>
<td><a href="5.html">数学</a></td>
<td><a href="5.html">英文</a></td>
<td><a href="5.html">化学</a></td>
<td><a href="5.html">历史</a></td>
<td><a href="5.html">生物</a></td>
</tr>
</table>
<h3>语文课程详细页面</h3>
<img/>
<p>语文老师</p>
<p>第十版</p>
<p>下学期</p>
<p>读书破万卷，下笔如有神</p>
<table border="4">
<thead>
<tr>
<th>月份</th>
<th>收入</th>
<th>支出</th>
<th>赢会</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>3000</td>
<td>4532</td>
<td>10000</td>
</tr>
<tr>
<td>二月</td>
<td>356700</td>
<td>4532</td>
<td>10000</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总数</td>
<td>47899</td>
<td>234444</td>
<td>44444</td>
</tr>
</tfoot>
</table>
<h1>html5jianji</h1>
<p> fabiaoshijiewei:<time pubdate="pubdate"> 2021/09/06</time></p>
<p>
<pre>
html hypertext markup language jiecheng html zhongwenxchengweizhaiwenbenbiao
jiyuyerenmenkeyishiyonhhtmllaijianglizijidwebzhandian,htmlyuexingzailiuxingshan
</pre>
</p>
<section>
<h1> 评论</h1>
<article>
<header>
<h2>发布者：小三</h2>
<p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p>
</header>
<p>沙发!</p>
</article>
<article>
<header>
<h2>发布者：力三</h2>
<p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p>
</header>
<p>shouji!</p>
</article>
<article>
<header>
<h2>发布者：小wu</h2>
<p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p>
</header>
<p>pingban</p>
</article>
</section>
<footer>
<small>
public by wangwu liuliu
</small>
</footer>
<h1>html简介</h1>
<p>
<pre>
html,hypertext markup languge 简称 HTML 中文称赵文博标记语言
</pre>
</p>
<footer>
<p>
public wangwuop
</p>
<p>
联系方式：<a href="mato:wangwu@example.com">wangwu@example.com"</a>
</p>
</footer>
<aside>
<h1>主菜单</h1>
<ul>
<a href="##"><li>首页</li></a>
<a href="##"><li>导航一</li></a>
<a href="##"><li>导航二</li></a>
<a href="##"><li>导航三</li></a>
<a href="##"><li>导航四</li></a>
<a href="##"><li>导航无</li></a>0
</ul>
</aside>
<hr>
<figure>
<img src="https://ss0.bdstatic.com/5av1bjqh_q23odcf/static/superman/img/log_top_86d58ael.png">
</figure>
<figure>
<figcaption>javascript regexp</figcaption>
<pre>
var patt=new RegExp("e");
document.write(patt.exec("to be or not to be ,that a question )
</pre>
</figure>
<firgure>
内容不要
<pre>
静以修身，学无止境。
</pre>
</firgure>
<hr>
<hgroup>
<h1>
web基础开发
</h1>
<h2>
html css javascript
</h2>
</hgroup>
</body>
<nav>
<ul>
<li><a href="新闻A"><b>新闻A</b></a></li>
<li><a href="新闻Q"><b>新闻Q</b></a></li>
<li><a href="新闻W"><b>新闻W</b></a></li>
<li><a href="新闻E"><b>新闻E</b></a></li>
<li><a href="新闻"><b>新闻</b></a></li>
</ul>
<ul>
<li><a href="新闻F"><b>新闻F</b></a></li>
<li><a href="新闻C"><b>新闻C</b></a></li>
<li><a href="新闻V"><b>新闻V</b></a></li>
<li><a href="新闻X"><b>新闻X</b></a></li>
<li><a href="新闻Z"><b>新闻Z</b></a></li>
</ul>
</nav>
<nav>
<a href="1">1</a>
<a href="2">2</a>
<a href="3">3</a>
<a href="4">4</a>
<a href="5">5</a>
<a href="6">6</a>
<a href="7">7</a>
<a href="8">8</a>
<a href="9">9</a>
<a href="更多">更多</a>
</nav>
当前汽车行驶速度是<meter value="120" max="220" min="0" high="200" low="0">120</meter>km/house<br>
我的c盘：<meter value="600" max="2000" min="0" high="2000" low="0">600gb</meter>km/house<br>
任务占比<progress max="100" value="50">50/100</progress><br>
该文件下载：<progress max="100" value="73">73%</progress><br>
<audio src="周哥——完美主义.mp3" controls="controls">你的html浏览器不能使用</audio><br>
<video width="800" height=" " src="你好我的青春-mv.mp4" controls="controls">当前文件不能播放</video><hr>
<table border="2" contenteditable="true">
<caption>
值日表
</caption>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期天</td>
</tr>
<tr>
<td>星偶</td>
<td>星期</td>
<td>星二</td>
<td>星三</td>
<td>星四</td>
<td>星五</td>
<td>六</td>
<td>星天</td>
</tr>
<script type="text/JavaScript">
document.designMode="on";
</script>
</table>
<button id="button" onclick="var target=document.getElementById('target');
target.hidden=!target.hidden;var button=document.getElementById('button');if(target.hidden){button.innerHTML='yes'}else
{button.innerHTML='隐形'}">
yes
</button>
<div id="target" hidden="true">
晓晓的我错了，正如我消消的来历。
</div>
<hr>
<textarea spellcheck="true" rows="5" cols="50">
</textarea>
<hr>
<P>HTML5表单相关属性</P>
<hr>
<form action="" method="post">
用户名：<input type="text"><br>
密码：<input type="password"><br>
性别：<input type="radio">男<input type="radio">女<br>
兴趣：<input type="checkbox">恋情<input type="checkbox">朗秋<input type="checkbox">贫穷<br>
选择文件：<input type="file"><br>
图片：<input type="image" src="https//">
<input type="reset"><br>
<input type="submit"><br>
<input type="button" value="自定义"><br>
<input type="button">
<label for="username">用户名：</label><input id="username" type="text"><br>
<label>密码:<input type="password"></label><br>
</form>
<!--select kongj-->
<form action="" method="post">
你的出生地？
<select size="4" multiple="multiple">
<option value="beijing" selected="selected">1</option>
<option value="hebei">2</option>
<option value="hennan">3</option>
<option value="shanhai">4</option>
<option value="shandong">5</option>
</select><br>
<br>
你的居住地是？
<select size="2">
<option value="beijing">1</option>
<option value="hebei">2</option>
<option value="hennan">3</option>
<option value="shanhai">4</option>
<option value="shandong">5</option>
</select>
你去过的地方？
<select multiple="multiple">
<option value="beijing">1</option>
<option value="hebei">2</option>
<option value="hennan">3</option>
<option value="shanhai">4</option>
<option value="shandong">5</option>
</select>
你吃过的菜在哪里？
<select size="7" multiple="multiple">
<optgroup label="11233">
<option value="beijing">1</option>
<option value="hebei">2</option>
<option value="hennan">3</option>
</optgroup>
<optgroup label="333333">
<option value="beijing">1</option>
<option value="hebei">2</option>
<option value="hennan">3</option>
<option value="shanhai">4</option>
<option value="shandong">5</option>
</optgroup>
</select>
<button type="submit">提交</button><br>
<button type="reset">重置</button><br>
<textarea cols="50" row="5"></textarea><br>
<textarea cols="60" rows="6" readonly="readonly">这个文本只读的领域</textarea>
<hr>
<input type="color " name="color" id="" value="#ff0000"><br>
<input type="submit" id="name">
<hr>
<input type="time" name="time" id= value=""><br>
<input type="submit" id=" " name="">
<br>
<input type="datetime-local" name="date" id=" " value=" "><br>
<input type="submit" this.id="" name="">
<br>
<input type="month" name="month" this.id="" value="" min="2021-02" max="2030-04">
<input type="submit" this.id="" name="">
<br>
<input type="week" name="week" this.id="" value="" min="2021-w01" max="2030-w12">
<input type="submit" this.id="" name="">
<br>
<input type="number" name="number" this.id="" value="" min="0" max="100" step="10">
<input type="submit" this.id="" name="">
<br>
<input type="range" name="range" this.id="" value="" min="0" max="100" step="10">
<input type="submit" this.id="" name="">
<br>
</form>
<hr>
<form action="" method="get">
<input type="range" this.list= marks>
</form>
<datalist>
<option value="0"/>
<option value="10"/>
<option value="20"/>
<option value="30"/>
<option value="40"/>
<option value="50"/>
<option value="60"/>
<option value="70"/>
<option value="80"/>
<option value="90"/>
<option value="100"/>
</datalist>
<hr>
<input type="search">
<input type="submit" this.id="" name="">
<input type="tel" name="tel">
<hr>
<input type="url" name="url">
<input type="submit" this.id="" name="">
<br>
<form action="" method="get" oninput="x.value=parseInt(a.value)">0<input type="range" this.id="a" value="50">100<br>
<output name="x" for="a">50</output>
</form>
<br>
<from id="login" action="" method="get">
<label for="username">用户名：</label><input this.id="username" type="text" name="username" >
<label>密码：<input form ="" type="password" name="password"></label><br>
<input form="" type="submit">
</from>
<br>
<from id="login" action="" method="get">
<label for="username">用户名：</label><input this.id="username" type="text" name="username" placeholder="请输入用户名"><br>
<label>密码：<input type="password" name="password" autofocus="autofocus" placeholder="请输入用户密码"></label><br>
<input type="submit" formaction="login">
<button type="submit" formaction=" regist">注册</button>
</from>
<hr>
<from id="login" action="" method="get">
<label for="username">用户名：</label><input this.id="username" type="text" name="username" placeholder="请输入用户名"><br>
<label>密码：<input type="p.assword" name="password" autofocus="autofocus" placeholder="请输入用户密码"></label><br>
<input type="submit" formaction="get">
<input type="submit" formaction="post">
<button type="submit">提交</button>
<button type="submit" formaction="multipart/form-data">以****类型提交</button>
<button type="submit" formaction="——blank">提交新的new窗口</button>
</from>
<!--表格属性记忆-->
<p>===============cellpadding="20" 单元个内容与边框========== cellspacing="3"=====单元个语单元格===
====表格的属性========复习=======================================================</p>
<table border="5" cellpadding="20" cellspacing="3" width="500px" align="center" bgcolor="#7fff00">
<tr>
<th>表格</th>
<th colspan="5" bgcolor="#1e90ff">表格属性</th>
</tr>
<tr bgcolor="#ff69b4" valign="top">
<td>11</td>
<td colspan="3">12</td>
<td>15</td>
</tr>
<tr bgcolor="#8a2be2">
<td>21</td>
<td>22</td>
<td rowspan="3">23</td>
<td>24</td>
<td>25</td>
</tr>
<tr bgcolor="#1e90ff">
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
</tr>
<tr bgcolor="#8b008b">
<td align="center">131</td>
<td>132</td>
<td>133</td>
<td>134</td>
<td>135</td>
</tr>
<tr>
<td>231</td>
<td>232</td>
<td>233</td>
<td>234</td>
<td>235</td>
</tr>
</table>
<p> ====================================input 属性</p>
<form>
1<input type="text" value="11111"><br>
2<input type="color" value="2222"><br>
3<input type="submit" value="33"><br>
4<input type="checkbox" value="444"><br>
5<input type="date" value="5555"><br>
6<input type="email" value="666"><br>
7<input type="hidden" value="777"><br>
8<input type="month" value="888"><br>
9<input type="number" value="999"><br>
10<input type="time" value="1000"><br>
11<input type="week" value="123"><br>
12<input type="url"><br>
14<input type="datetime-local"><br>
15<input type="file"><br>
16<input type="range"><br>
17<input type="file"><br>
18<input type="image">
<form action="#" method="get">留言：<br>
<textarea cols="70" rows="10">
huafu
</textarea>
<input type="submit" value="tijiao">
</form>
<form action="#" method="post">留言2：<br>
<textarea cols="70" rows="10">
huafu
</textarea>
<input type="submit" value="tijiao">
</form>
<p> <font face="黑体" size="7" color="#8b008b">1111111符合标签1</p>
空格 <; > & ¥ © ® ° ± ×;÷4 ²5³
</font>
</form>
<p> ========================padding border margin </p>
<p class="hezi">
盒子模型1
</p>
<p class="hezi">
盒子模型2
</p>
<p class="hezi">
盒子模型3
</p>
</html>