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开发中经典的小实例-(while(参数){})
import java.util.Scanner;public class Test_while { public static void main(String[] args) { ...
- genome MuSic安装
系统:ubuntu 15.04全程在root权限下安装 首先安装软件samtools ,必须是samtools-0.1.19 版本tar jxf samtools-0.1.19.tar.bz2cd s ...
- hdu 5167 Fibonacci 打表
Fibonacci Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) Proble ...
- 10款Windows命令行工具
Windows下CMD不好用,远没有Linux,或者一些SSH工具用起来方便.其实Windows下,也有一些不错的工具替代CMD: 0.powercmd经过比较,我最终选择了这款,这里补充一下截图:
- nyoj 19擅长排列的小明 （DFS）
擅长排列的小明 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述 小明十分聪明,而且十分擅长排列计算.比如给小明一个数字5,他能立刻给出1-5按字典序的全排列,如果你想 ...
- 搭建SSH入过的那些坑
1.添加完相关jar包,写完配置文件,写完测试类,运行提示 WARN:Establishing SSL connection without server's identity verificatio ...
- JZs3c2440学习笔记一
1.连线 串口线usb-com,USB下载线 2.驱动安装 USB-serial, dnw的sec s3c2410x test驱动安装(win7下安装方法搜索:百问网WIN7,64,dnw) 3.烧 ...
- [转载]VFS—Kernel Space & User Space
在了解虚拟文件系统之前 , 需要先了解 Kernel Space 和 User Space 的区别 . 二者的差别在于内存使用上安全机制的差异 . kernel 执行时会占据一段系统的内存空间 , 这 ...
- Python学习（8）字符串
目录 Python 字符串 Python 访问字符串中的值 Python 字符串更新 Python 转义字符 Python 字符串运算符 Python 字符串格式化 Python 三引号 Unicod ...
- python中self，cls
cls主要用在类方法定义,而self则是实例方法. self, cls 不是关键字,完全可以使用自己写的任意变量代替实现一样的效果. 普通的实例方法,第一个参数需要是self,它表示一个具体的实例本身 ...