HTML的基本代码第一课
打开DREAMWEAVER，新建HTML，如下图：
其中body的属性：
bgcolor---页面背景颜色
text--文字颜色
topmargin--上页边距
leftmargin--左叶边距
righymargin--右页边距
bottommargin--下页边距
background--背景壁纸
格式控制标签：
<font color ""face=""size="></font>
字体颜色：color="##FF0000";
face=字体
size=字体大小
<b></b>字体加粗
<i></i>字体倾斜
<u></u>下划线
<strong></strong>字体加粗
<em></em>字体倾斜
<center></center> 字体居中
<br>或<br/> 相当于回车（按shift+enter）
内容容器标签：
<h1></h1>...<h6></h6>标题（会自动换行）。标题是通过h1..h6来进行定义的。
<p></p> 段落标签
<div></div>层标签（默认占一行）
<span></span>（默认用多大空间站多大空间）
<ol type="1">有序列表
<ul type="1">无需列表
"../" 表示上级目录
“./”表示当前目录
超链接标签：
<a href="超链接的地址"target="_blank(新窗口打开)或者new（从自身打开）">超链接文本</a>
用超文本做“返回顶部”
1、<a name="ding"></a>(在想要返回的位置设置一个名字)
2、<a herf="#ding">返回顶端</a>
图片标签：
<img src"图片地址" alt="文字" width="" height="" />（高和宽设置一个就可，alt在图片不加载时有提示）
比如<img src=""title="这是一朵花">（在鼠标放上去后会有提示）
表格：<table></table>表格
widh--宽度可以用像素或者百分比表示 常用960像素
broder---边框
cellpadding--常用值0
cellspacing---常用值0
algin---对其方式
bgcolor--背景色
backcolor--背景图片
<tr></tr>--行
algin--一行内容的水平对齐方式
valgin--一行内容的垂直对其方式
height--行高
background--背景图片
<td></td>--单元格
colspan="n"横向合并单元格，n代表合并的单元格数
rowspan="n"纵向合并单元格，n代表合并的单元格数。
例如建一个自己的简历：
<!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>
<center><font size="6"><b>个人简历</b></font></center>
<table align="center" width="800" height="900"border="1" cellpadding="0" cellspacing="0">
<tr height="60">
<td align="center"width="100"><b>姓名</b></td>
<td align="center" width="200">刁兆建</td>
<td align="center" width="200"><b>国籍</b></td>
<td align="center" width="150">中国</td>
<td align="center"rowspan="2"><img src="QQ图片20160420100038.jpg" width="150"></td>
</tr>
<tr align="center" height="60">
<td><b>性别</b></td>
<td>男</td>
<td><b>年龄</b></td>
<td width="150">28</td>
</tr>
<tr align="center" height="50">
<td><b>民族</b></td>
<td>汉</td>
<td><b>目前所在地</b></td>
<td colspan="2">山东省淄博市高新区颐和花园</td>
</tr>
<tr align="center">
<td><b>身高</b></td>
<td>181cm</td>
<td><b>户口所在地</b></td>
<td colspan="2">山东省菏泽市郓城县</td>
</tr>
<tr align="center">
<td><b>毕业院校</b></td>
<td>威海职业学院</td>
<td><b>专业</b></td>
<td colspan="2">电气自动化</td>
</tr>
<tr align="center">
<td align="center"><b>联系电话</b></td>
<td>18633491926</td>
<td align="center"><b>公司名称</b></td>
<td colspan="2">山东天利和软件股份有限公司</td>
</tr>
<tr>
<td align="center"><b>个人工作经历</b></td>
<td colspan="2">15年3月-至今 山东天利和软件股份有限公司</td>
<td align="center"><b>担任职务</b></td>
<td align="center">市场营销</td>
</tr>
<tr>
<td align="center"><b>工作描述</b></td>
<td colspan="4">按照公司要求，对所在区域内的客户进行拜访跟踪，并完成销售业绩</td>
</tr>
<tr>
<td align="center"><b>离职原因</b></td>
<td colspan="4">家庭原因</td>
</tr>
<tr align="center">
<td ><b>期望工资</b></td>
<td>5000+</td>
<td><b>期望职位</b></td>
<td colspan="2">研发工程师</td>
</tr>
<tr align="center">
<td><b>人事部</b></td>
<td></td>
<td><b>部门经理</b></td>
<td colspan="2"></td>
</tr>
</table>
</body>
</html>
效果：
HTML的基本代码第一课的更多相关文章
- Android入门第一课之Java基础
通知:由于本周六场地申请没通过,所以本周的培训临时取消. 今天给大家带来的是Android入门的第一课,由于教室申请的不确定性,因此,每次培训的内容都会在博客先提前释放出来.首先Android的APP ...
- vue.js学习（第一课）
学习资料 来自台湾小凡! vue.js是javascript的一个库,只专注于UI层面,核心价值永远是 API的简洁. 第一课: 不支持IE8. 1.声明式渲染: el元素的简称 element : ...
- Magento学习第一课——目录结构介绍
Magento学习第一课--目录结构介绍 一．Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zen ...
- <-0基础学python.第一课->
初衷:我电脑里面的歌曲很久没换了,我想听一下新的歌曲,把他们下载下来听,比如某个榜单的,但是一首一首的点击下载另存为真的很恶心 所以我想有没有办法通过程序的方式来实现,结果还真的有,而且网上已经有有人 ...
- 留念 C语言第一课简单的计算器制作
留念 C语言第一课简单的计算器制作 学C语言这么久了. /* 留念 C语言第一课简单的计算器制作 */ #include<stdio.h> #include<stdlib.h ...
- MFC学习-第一课 MFC运行机制
最近由于兴趣爱好,学习了孙鑫的MFC教程的第一课.看完视频了,自己便用visual studio 2010尝试了MFC编程,其中遇到了一些问题. 1.vs2010不像vs6.0那样可以新建一个空的MF ...
- OpenCV 第一课(安装与配置)
OpenCV 第一课(安装与配置) win10,opencv-2.4.13, 安装, vs2013, 配置 下载安装软件 官网OpenCV下载地址下载最新版本,我下载的是opencv.2.4.13,然 ...
- 【第一课】神奇的Context
初学Android的困惑 初学Android跳转页面的时候,往往教程里是这么写的: Intent intent = new Intent(); //MyActivity就是当前的Activity,It ...
- CodeIgniter框架入门教程——第一课 Hello World！
本文转载自:http://www.softeng.cn/?p=45 今天开始,我将在这里连载由我自己编写的<CodeIgniter框架入门教程>,首先,这篇教程的读着应该是有PHP基础的编 ...
随机推荐
- LeetCode124:Binary Tree Maximum Path Sum
题目: Given a binary tree, find the maximum path sum. The path may start and end at any node in the tr ...
- FreeBSD pkg仓库有台湾的镜像了
http://pkg.freebsd.org/ 在这个页面上可以看到: pkg0.bme.freebsd.org pkg0.nyi.freebsd.org pkg0.twn.freebsd.org p ...
- Lucene(01)
我的博客园博文地址:http://www.cnblogs.com/tenglongwentian/ Lucene,最新版是Lucene6.2.1,匹配的jdk版本是1.8正式版.这里用jdk7最后一版 ...
- PHP与MySQL的交互（mysqli）
近期在学习PHP,这里总结一下PHP与MySQL的交互. 这里我们使用mysqli进行连接. mysqli扩展允许我们访问MySQL 4.1及以上版本提供的功能. 想深入了解mysqli的信息可以访问 ...
- 《Java4Android》视频学习笔记——抽象类和抽象函数
抽象函数的语法特征 1.类是抽象的,对象是具体的.面向对象里面有个非常重要的特征:先抽象,后具体. 2.只有函数的定义,而没有函数体的函数叫做抽象函数. abstract void fun(); ( ...
- [javaSE] 反射-Class类的使用
JAVA-Reflect 专题 ①Class类的使用 ②方法的反射 ③成员变量的反射 ④构造函数的反射 ⑤java类的加载机制 Ⅰ在面向对象的世界里,万事万物皆为对象 类是对象,类是java.lang ...
- Guava学习笔记：Guava新增集合类型-Multiset
Guava引进了JDK里没有的,但是非常有用的一些新的集合类型.所有这些新集合类型都能和JDK里的集合平滑集成.Guava集合非常精准地实现了JDK定义的接口.Guava中定义的新集合有: Multi ...
- Ionic 今天发布了Windows 桌面版的IDE Ionic Lab
Ionic简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方 ...
- Dynamics.js - 创建逼真的物理动画的 JS 库
Dynamics.js 是一个用来创建物理动画 JavaScript 库.你只需要把dynamics.js引入你的页面,然后就可以激活任何 DOM 元素的 CSS 属性动画,也可以用户 SVG 属性. ...
- JavaScript的运动框架学习总结
一.目录 1. 入门案例——实现匀速运动 2. 入门案例——实现缓冲运动 3. 实现任意值的运动框架v.1 4. 改进任意值的运动框架v.2 5. 改进任意值的运动框架v.3 6. 实现链式运动框架 ...