Html基础知识讲解

时间:2024-01-18 10:54:44

Html基础知识讲解

<title>淄博汉企</title>

</head>

<body bgcolor="#66FFCC" topmargin="200" leftmargin="200px" bottommargin="400px">

<a name="top"></a>

今天<br />

天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不错<br />

<font size="45" color="#FF0000">

格式控制标签:<br />

<b>文字加粗方式1,b标签</b><br />

<strong>文字加粗方式2,strong标签</strong><br />

<i>字体倾斜方式1,i标签</i><br />

<em>字体倾斜方式2,em标签</em><br />

<u>字体加下划线,u标签</u>

<center>center标签,居中,默认前面或后面若有其他,直接进行上下换行,保证自身所包含的内容单独存在,然后执行居中</center>

内容容器标签:<br />

123<p>今天是3月19号。p标签,段落标签,若前后有其他,执行上下换行,并空开一行。</p>456

<ol>有序列表

<li>默认自带序号</li>

<li>默认自动换行</li>

<li>默认前后若有其他,执行上下换行并空开一行</li>

</ol>

<ul>无序列表

<li>默认不自带序号</li>

<li>默认自动换行</li>

<li>默认前后若有其他,执行上下换行并空开一行</li>

</ul>

<a href="http://www.baidu.com/" target="_blank">百度一下</a><br />

<img src="n0.jpg" title="这是一头牛" alt="这里应该有一头牛" /><br />

<a href="http://360.com/"><img src="n0.jpg" width="325" /></a><br />

<img src="n0.jpg" width="400" height="200" />

</font>

<h1>h1到h6标签,标题格式控制标签</h1>

<h2>重要性依次减小</h2>

<h3>默认自动换行</h3>

<h4>默认上下空开一行</h4>

<div style="background-color:#00F">div层标签,默认占用一行</div>

<span style="background-color:yellow">span层标签,默认使用了多少就占用多少</span><br />

<table width="400" height="90" cellpadding="0" cellspacing="0" border="1">

<tr align="center">

<td width="100"><a href="http://zb.58.com/?utm_source=market&spm=b-31580022738699-pe-f-829.hao360_101">58同城</a></td>

<td width="100">赶集网</td>

<td width="100" colspan="2">百姓网</td>

</tr>

<tr align="center">

<td rowspan="2">太平洋汽车</td>

<td>新浪汽车</td>

<td>汽车之家</td>

<td>易车网</td>

</tr>

<tr align="center">

<td>唯品会</td>

<td>京东</td>

<td>聚美优品</td>

</tr>

</table>

<br />

<a href="#top">返回最顶端</a>

</body>

</html>

制作个人简历网页

首页

<title>赵诗涛简历</title>

</head>

<body background="aaa/d8085a84bd6f0e4b10176d9502fa27f3.jpg" style="background-size:cover" leftmargin="180">

<font color="#33FF66" face="华文隶书" size="+5"><b>

<table width="1024" height="600" cellpadding="0" cellspacing="0" border="0">

<tr height="150">

<td align="left" width="342"><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td width="340"></td>

<td align="right" width="342"><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

</tr>

<tr height="150">

<td align="left"><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td rowspan="2"><img src="aaa/default (147).jpeg" width="340" /></td>

<td align="right"><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

</tr>

<tr height="150">

<td align="left"><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<!--<td></td> -->

<td align="right"><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

</tr>

<tr height="150">

<td align="left"><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td></td>

<td align="right"><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</b>

</font>

</body>

</html>

第一子页

<title>个人信息</title>

</head>

<body background="aaa/72d67b40d8b1bcb68eb97cdecfb1c26e.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font color="#000000" size="+2">

<table width="1024" height="600" cellpadding="0" cellspacing="0" border="0" >

<tr height="100">

<td width="76">姓名:</td>

<td width="350"><strong>赵诗涛</strong></td>

<td width="151">出生年月:</td>

<td width="250"><strong>1993年1月</strong></td>

<td rowspan="2" align="center"><img src="aaa/DSC_6446.jpg" height="200" /></td>

</tr>

<tr height="100">

<td>性别:</td>

<td><strong>男</strong></td>

<td>毕业院校:</td>

<td><strong>山东理工大学</strong></td>

<!--<td></td> -->

</tr>

<tr height="100">

<td>籍贯:</td>

<td><b>山东省枣庄市滕州市滨湖镇</b></td>

<td>所学专业:</td>

<td><strong>矿物加工工程</strong></td>

<td rowspan="4"></td>

</tr>

<tr height="100">

<td>民族:</td>

<td><strong>汉族</strong></td>

<td>毕业时间</td>

<td>2016年7月</td>

<!--<td></td> -->

</tr>

<tr height="100">

<td>学历:</td>

<td><strong>本科学位</strong></td>

<td>电子邮箱:</td>

<td><strong>zst062102@163.com</strong></td>

<!--<td></td> -->

</tr>

<tr height="100">

<td>手机:</td>

<td><strong>18369956059</strong></td>

<td>现居住地:</td>

<td><strong>山东省淄博市张店区</strong></td>

<!--<td></td> -->

</tr>

</table>

</font>

</body>

</html>

第二子页

<title>教育经历</title>

</head>

<body background="aaa/91bddbc99e97ccfdb0dd1f1587f3f8bf.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="+2" color="#000000">

<table width="1024" height="400" cellpadding="0" cellspacing="0" border="0" align="center">

<tr>

<td align="center">2000年9月——2006年6月</td>

<td><strong>滕州市滨湖镇田桥小学</strong></td>

</tr>

<tr>

<td align="center">2006年9月——2009年6月</td>

<td><strong>滕州市育才中学</strong></td>

</tr>

<tr>

<td align="center">2009年9月——2012年6月</td>

<td><strong>滕州市第一中学</strong></td>

</tr>

<tr>

<td align="center">2012年9月——2016年6月</td>

<td><strong>山东理工大学</strong></td>

</tr>

</table>

</font>

</body>

</html>

第三子页

<title>实习经历</title>

</head>

<body background="aaa/旧纸张.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="+2" color="#000000">

<table width="1024" height="400" cellpadding="0" cellspacing="0" border="0">

<tr>

<td align="center">2013年12月</td>

<td><strong>金工实习</strong></td>

</tr>

<tr>

<td align="center">2014年6月</td>

<td><strong>选矿厂认识实习</strong></td>

</tr>

<tr>

<td align="center">2015年11月</td>

<td><strong>选矿厂设计实习</strong></td>

</tr>

<tr>

<td align="center">2016年3月</td>

<td><strong>毕业设计</strong></td>

</tr>

</table>

</font>

</body>

</html>

第四子页

<title>校园经历</title>

</head>

<body background="aaa/旧纸张.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="45" color="#FF0000">

<ol>

<li>2013年7月<br/>

&nbsp;&nbsp;&nbsp;&nbsp;“淄博——青岛”洁宇环保社环保骑行</li>

<li>2014年7月<br/>

&nbsp;&nbsp;&nbsp;&nbsp;临沂沂蒙山老革命区环境调研</li>

</ol>

</font>

</body>

</html>

第五子页

<title>所获奖励</title>

</head>

<body background="aaa/网页背景.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="45" color="#FF0000">

<ul>

<li>2012年3月<br/>&nbsp;&nbsp;&nbsp;&nbsp;获得国家实用新型专利证书</li>

<li>2014年6月<br/>&nbsp;&nbsp;&nbsp;&nbsp;评选为进步之生</li>

<li>2015年<br/>&nbsp;&nbsp;&nbsp;&nbsp;获得国家四级证书</li>

</ul>

</font>

</body>

</html>

第六子页

<title>专业技能</title>

</head>

<body background="aaa/网页背景.jpg" style="background-size:cover" leftmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="自我评价.html" target="_blank" style="text-decoration:none">自我评价</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="45" color="#FF0000">

<ul>

<li>英语四级</li>

<li>计算机二级</li>

<li>选矿厂以及选矿流程设计</li>

<li>PHP工程师</li>

</ul>

</font>

</body>

</html>

第七子页

<title>自我评价</title>

</head>

<body background="aaa/网页背景.jpg" style="background-size:cover" leftmargin="180" rightmargin="180">

<font color="#0000FF" size="+2"><b><i>

<table width="1024" height="100" cellpadding="0" cellspacing="0" border="0">

<tr align="center">

<td><a href="简历首页.html" target="_blank" style="text-decoration:none">首页</a></td>

<td><a href="个人信息.html" target="_blank" style="text-decoration:none">个人信息</a></td>

<td><a href="教育经历.html" target="_blank" style="text-decoration:none">教育经历</a></td>

<td><a href="实习经历.html" target="_blank" style="text-decoration:none">实习经历</a></td>

<td><a href="校园经历.html" target="_blank" style="text-decoration:none">校园经历</a></td>

<td><a href="所获奖励.html" target="_blank" style="text-decoration:none">所获奖励</a></td>

<td><a href="专业技能.html" target="_blank" style="text-decoration:none">专业技能</a></td>

<td><a href="http://www.cnblogs.com/zst062102/" target="_blank" style="text-decoration:none">博客园</a></td>

</tr>

</table>

</i>

</b>

<br/>

</font>

<font size="+2" color="#000000"><center>我性格开朗,善于与别人打交道,喜欢交朋友。对待工作认真负责,积极主动,有强烈的集体荣誉感,能吃苦耐劳。适应能力强,个人能力强。

在学习上,自学能力强,尤其在动手上,能够快速的完成各种实验。

在生活上,能苦耐劳,能够解决各种突发问题,不怕各种困难。

在思想上,我追求上进,思想觉悟高,热爱祖国,热爱人民,坚决拥护党领导和*制度。

来大学就上要学习的,如果没有学到真正的知识,不仅对不起自己,更对不起在家辛辛苦苦的父母。有机会我就上,即使没有机会也要创造机会上!!

</center></font>

</body>

</html>