HTML 基础知识——8月8日
一、基础知识:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>里约奥运会</title>
</head> <body bgcolor="#33CC99" text="#FF6600" topmargin="100" leftmargin="200" bottommargin="400">
<a name="top"></a>
<font size="35" color="#CC0066">今天<br />可能会有雷 暴!<br />
<br />
格式控制标签<br />
<b>文字加粗方式一:b标签</b><br />
<strong>文字加粗方式二:strong标签</strong><br />
<i>文字倾斜方式一:i标签</i><br />
<em>文字倾斜方式二:em标签</em><br />
<u>文字加下划线:u标签</u>123
<center>center,居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示</center>456<br />
<br />
内容容器标签:<br /><p>p标签,段落标签。前后若有其他,执行前后换行并且空开一行,保证自身是一个整体。</p>456
<ol>ol,有序列表
<li>自动换行</li>
<li>自带序号</li>
<li>前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>
</ol>7789<br />
<ul>ul无序需列表
<li>自动换行</li>
<li>不自带序号</li>
<li>前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>
</ul>789<br />
<a href="http://www.baidu.com" target="_blank">百度一下</a>
</font>
<h1>h1~h6,标题标签</h1><br />
<h2>重要性依次减小</h2><br />
<h3>若前后有其他,执行前后换行,并且空开一行</h3><br />
<h4>受限于默认文字大小,默认文字大小在h3和h4中间</h4><br />234<br />
<div style="background-color:#C9C;">div 层标签,默认一上来就占用一行,</div>
<span style="background-color:#F0F;">span层标签,默认使用多少就占用多少</span>
<br /><br />
<table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
<tr align="center" bgcolor="#0066FF">
<td width="120"><a href="http://www.autohom.com">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>
</tr>
<tr align="center">
<td colspan="2" bgcolor="#CCFF33">58同城</td>
<td>百姓网</td>
</tr>
<tr align="center">
<td>天猫</td>
<td>淘宝</td>
<td>聚美优品</td>
<td>京东</td>
</tr>
</table>
<br />
<a href="#top">返回最顶端</a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" /><br />
<a href="http://www.baidu.com"><img src="../Sample Pictures/300000935727128981325633572.jpg" width="683" /></a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" width="400" height="768" title="这是倒霉熊" alt="zheshidaomeixiong" />
</body>
</html>
二、练习:个人简历
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鞠杨超的个人简历</title>
</head> <body background="../Sample Pictures/1-130322141600.jpg" topmargin="50" bottommargin="50">
<center><font size="80"><b>个人简历</b></font></center><br />
<table align="center" border="1" cellpadding="0" cellspacing="0" width="770" height="880">
<tr align="center">
<td width="140" height="40"><b>姓名</b></td>
<td width="120">鞠杨超</td>
<td width="80"><b>性别</b></td>
<td width="80">女</td>
<td width="140"><b>毕业院校</b></td>
<td width="120">山东汉企</td>
<td width="200" rowspan="4"><img src="../Sample Pictures/ico-7.jpg" /></td>
</tr>
<tr align="center">
<td height="40"><b>出生日期</b></td>
<td>1988/12/7</td>
<td><b>民族</b></td>
<td>汉</td>
<td><b>所在院系</b></td>
<td>培训部</td>
</tr>
<tr align="center">
<td height="40"><b>政治面貌</b></td>
<td>群众</td>
<td><b>学历</b></td>
<td>大专</td>
<td><b>所学专业</b></td>
<td>.Net</td>
</tr>
<tr align="center">
<td height="40"><b>家庭住址</b></td>
<td>张店区东四路</td>
<td><b>身高(cm)</b></td>
<td>160</td>
<td><b>毕业时间</b></td>
<td>2016/12</td>
</tr>
<tr align="center">
<td height="40"><b>电子邮箱</b></td>
<td colspan="3"><a href="http://www.cnblogs.com/juyangchao12/" target="_blank">543662040@qq.com</a></td>
<td><b>联系电话</b></td>
<td colspan="2">15689036464</td>
</tr>
<tr align="center">
<td colspan="7" height="40"><b>教育经历</b></td>
</tr>
<tr align="center">
<td height="40" colspan="3"><b>时间</b></td>
<td colspan="3"><b>学校</b></td>
<td colspan="1"><b>学历</b></td>
</tr>
<tr align="center">
<td height="40" colspan="3">1996~2001</td>
<td colspan="3">小学</td>
<td colspan="1">小学</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2001~2005</td>
<td colspan="3">初中</td>
<td colspan="1">初中</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2005~2008</td>
<td colspan="3">高中</td>
<td colspan="1">高中</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2008~2011</td>
<td colspan="3">大学</td>
<td colspan="1">大专</td>
</tr>
<tr align="center">
<td height="120"><b>专业课程</b></td>
<td colspan="6">
动物防疫与检疫 <br />
动物医学 动物物理 动物药理 微生物
</td>
</tr>
<tr>
<td align="center" height="120"><b>专业水平</b></td>
<td colspan="6">
<ul><font color="#FF0066">无序列表,自动换行,不自带序号</font>
<li>证书一</li>
<li>证书二</li>
<li>证书三</li>
</ul>
</td>
</tr>
<tr>
<td align="center" height="120"><b>工作经历</b></td>
<td colspan="6">
<ol><font color="#FF0066">有序列表,自动换行,自带序号</font>
<li>2011年4月~2011年7月:青岛迈高(澳大利亚)乳品有限公司 实习</li>
<li>2011年7月~2012年12月:淄博订上集成吊顶办事处 销售</li>
<li>2013年3月~2014年12月:太平洋车险 行政助理</li>
<li>2015年7月~2015年12月:青岛皇家美孚食品有限公司 店长</li>
</ol>
</td>
</tr>
<tr align="center">
<td height="120"><b>自我评价</b></td>
<td colspan="6"></td>
</tr>
</table>
</body>
</html>
HTML 基础知识——8月8日的更多相关文章
- 2月9日 Time and Date(Ruby基础) \n 2月10日 ,使用Proc,block对象化。
20.1Time类 ,Data类 Time.now或者Time.new:获取当前时间. 相关Method: year, month, hour, min ,sec, wday: 一周中的第几天,返回整 ...
- 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)
网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...
- 2017年5月22日 HTML基础知识(一)
一.Html 结构 1.1.HTML基本文档格式—<html> 标记 —<html>文档的头部好和主体内容 </html> 根标记 —<head> 文 ...
- 21.Nodejs基础知识(下)——2019年12月16日
2019年10月04日16:56:23 7. 模块 7.1 暴露一个类,字段 var bar = require("./bar.js"); var msg = "你好&q ...
- 20.Nodejs基础知识(上)——2019年12月16日
2019年12月16日18:58:55 2019年10月04日12:20:59 1. nodejs简介 Node.js是一个让JavaScript运行在服务器端的开发平台,它让JavaScript的触 ...
- 36.React基础介绍——2019年12月24日
2019年12月24日16:47:12 2019年10月25日11:24:29 主要介绍react入门知识. 1.jsx语法介绍 1.1 介绍 jsx语法是一种类似于html标签的语法,它的作用相当于 ...
- 每周一书-2016年8月15日到21日(bootstrap基础教程)获奖读者公布
本次赠书 由微信昵称为“………….”的网友以10个赞获得. 请这位网友,订阅号回复你的联系方式,明天给你邮递这本书.谢谢!同时感谢<把时间当朋友>的获奖者“永梅”为<bootsrap ...
- 2015年12月28日 Java基础系列(六)流
2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流
随机推荐
- ubuntu下配置hosts
由于Chrome浏览器访问问题,需要配置hosts. 在Ubuntu系统下,需要修改/etc/hosts文件,修改完之后要重启网络.具体过程如下:1.修改hostssudo vi /etc/hosts ...
- Redis基础知识之————空间换时间的查询案例
空间与时间 空间换时间是在数据库中经常出现的术语,简单说就是把查询需要的条件进行索引的存储,然后查询时为O(1)的时间复杂度来快速获取数据,从而达到了使用空间存储来换快速的时间响应!对于redis这个 ...
- SAP接口编程 之 JCo3.0系列(04) : 会话管理
在SAP接口编程之 NCo3.0系列(06) : 会话管理 这篇文章中,对会话管理的相关知识点已经说得很详细了,请参考.现在用JCo3.0来实现. 1. JCoContext 如果SAP中多个函数需要 ...
- DBCP、C3P0、Proxool 、 BoneCP开源连接池的比《转》
简介 使用评价 项目主页 DBCP DBCP是一个依赖Jakarta commons-pool对象池机制的数据库连接池.DBCP可以直接的在应用程序用使用 可以设置最大和最小连接,连接等待时 ...
- 关于css3的自定义字体
css3的@font-face属性打破了中文页面字体一成不变的格局,但今天本菜在用的时候并不那么爽.开始各种引用外部ttf文件失败.下了300M+的字体文件,苦逼的试了一下午.终于有一个ttf引用成功 ...
- 使用poi读写Excel
对于一个程序员来说,文件操作是经常遇到的,尤其是对Excel文件的操作. 在这里介绍一下我在项目中用到的一个操作Excel的工具——POI.关于POI的一些概念,网络上很多,详细信息大家可以自行百度, ...
- SQL SERVER 2008函数大全(含例子)
--SQL SERVER 2008 函数大全 /* author:TracyLee csdncount:Travylee */ /* 一.字符串函数: 1.ascii(字符串表达式) 返回字符串 ...
- python中的for循环
打印出1到100的数,不包含100 for i in range(1,100): if i==23: print "great,you got your luncky number:&quo ...
- org.apache.hadoop.hbase.TableExistsException: hbase:namespace
Problem is here : https://community.cloudera.com/t5/Storage-Random-Access-HDFS/HMaster-not-starting- ...
- redirect模块的秘密
所有的redirect记录都在config/url_directs下面, 但是某个node/edit的redirect记录只包含redirect到自己的记录,且不验证url的合理性. 现在比如,a跳转 ...