<%@ 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>
