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基础系列(六)流
随机推荐
- CUBRID学习笔记 39 net使用dataset 返回查询的数据
using CUBRID.Data.CUBRIDClient; namespace DataSetExample { class Program { static ...
- CUBRID学习笔记 35 net驱动错误码和信息 cubrid教程示例
DO.NET Error Code Number Error Code Error Message Note 0 ER_NO_ERROR "No Error" 1 ER_NOT ...
- Visual C#两分钟搭建BHO IE钩子（转）
摘自:http://www.cnblogs.com/mvc2014/p/3776054.html 微软在1997年正式推出Browser Helper Object (BHO), 使程序员能够更好的对 ...
- 解析PHP中的file_get_contents获取远程页面乱码的问题【转】
在工作中,遇到一个问题.我需要将一个网址(该网址是一个json数据的接口,即 打开该网址,在浏览器中显示的是json数据),我使用file_get_contents($url),数据是乱码的. 通过查 ...
- JavaScript基础知识之——Location 对象详解
属性 描述 location.hash 设置或取得 URL 中的锚 location.host 设置或取得 URL 中主机(包括端口号) location.hostname 设置或取得 URL 中的主 ...
- c++ 复习练习
复习c++的时候,发现一篇 如何通过c++ primer学习c++的好文,并列出了一些建议的练习题目. 链接,http://blog.csdn.net/solstice/article/details ...
- Git学习（1）Git 简介
Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件. Git ...
- 实现jQuery扩展总结
开发自己需要的jQuery插件,看个示例说明<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&qu ...
- c++中的类的对象与类的指针
以上内容来自:http://wenku.baidu.com/link?url=haeRBhswlEcqddk48uW8YVMsdFNWsllimn_dzUYchb6G9NdT4pqgluCpnLQId ...
- OpenWrt网络结构
原文链接:http://www.freezhongzi.info/?p=104 OpenWrt网络结构 OpenWrt的网络配置很丰富,在我看来几乎可以完成任何网络结构.下图为一个支持OpenWrt的 ...