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基础系列(六)流
随机推荐
- java运行期类型鉴定
运行期类型识别?RTTI? 假如我们有一个基类的引用,这个引用也可以作为子类的引用嘛,现在我们想知道这个引用的类型到底是啥? 当从子类到基类之后有很多的信息都会丢失掉,比如有一个人类的对象可以看成普遍 ...
- CUBRID学习笔记 7 ms常见错误
基本不是权限问题,就是dll问题. 重新下载或应用dll注意版本. 权限的问题,先本机测试. 看看在web管理有无问题. 剩下的基本就简单了 欢迎转载 ,转载时请保留作者信息.本文版权归本人所有, ...
- 解决iOS内存泄露
文章很好,摘自:http://www.codeceo.com/article/xcode-instruments-ios-memory.html 虽然iOS 5.0版本之后加入了ARC机制,由于相互引 ...
- C/C++内存泄漏及检测 转
C/C++内存泄漏及检测 2011-02-20 17:51 by 吴秦, 30189 阅读, 13 评论, 收藏, 编辑 “该死系统存在内存泄漏问题”,项目中由于各方面因素,总是有人抱怨存在内存泄漏, ...
- iOS - OC NSValue 值
前言 @interface NSValue : NSObject <NSCopying, NSSecureCoding> 将任意数据类型包装成 OC 对象 1.比较两个 NSValue 类 ...
- RTMP命令亲自测试记录
手动和自动录像模块: recorder rec1 { record all manual; record_unique on; record_notify on; record_max_size 51 ...
- nodejs学习笔记<一>安装及环境搭建
零零散散学了几天nodejs,进度一直停滞不前,今天沉下心来好好看了下nodejs的介绍和代码.自己也试着玩了下,算是有点入门了. 这里来做个学习笔记. ——————————————————————— ...
- 百度编辑器Ueditor的简单调用
先去ueditou.baidu.com网站下载百度编辑器,放到项目根目录下的Data目录中,然后引入文件 <!DOCTYPE html> <html lang="en&qu ...
- hdu5785(极角排序求所有锐角钝角个数)
做法很显然,求出所有的锐角和钝角就能求出有多少个锐角三角形了. 我用了愚钝的方法,写了两三个小时... 看了下别人简单的代码.学习了下做法. sort(temp+,temp+cnt+);//排序 Fo ...
- 转：设计模式-----桥接模式(Bridge Pattern)
转自:http://www.cnblogs.com/houleixx/archive/2008/02/23/1078877.html 记得看原始链接的评论. 学习设计模式也有一段时间了,今天就把我整理 ...