打开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的基本代码第一课的更多相关文章

  1. Android入门第一课之Java基础

    通知:由于本周六场地申请没通过,所以本周的培训临时取消. 今天给大家带来的是Android入门的第一课,由于教室申请的不确定性,因此,每次培训的内容都会在博客先提前释放出来.首先Android的APP ...

  2. vue.js学习（第一课）

    学习资料 来自台湾小凡! vue.js是javascript的一个库,只专注于UI层面,核心价值永远是 API的简洁. 第一课: 不支持IE8. 1.声明式渲染: el元素的简称 element : ...

  3. Magento学习第一课——目录结构介绍

    Magento学习第一课--目录结构介绍 一．Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zen ...

  4. <-0基础学python.第一课->

    初衷:我电脑里面的歌曲很久没换了,我想听一下新的歌曲,把他们下载下来听,比如某个榜单的,但是一首一首的点击下载另存为真的很恶心 所以我想有没有办法通过程序的方式来实现,结果还真的有,而且网上已经有有人 ...

  5. 留念 C语言第一课简单的计算器制作

    留念 C语言第一课简单的计算器制作 学C语言这么久了.  /* 留念 C语言第一课简单的计算器制作 */   #include<stdio.h>  #include<stdlib.h ...

  6. MFC学习-第一课 MFC运行机制

    最近由于兴趣爱好,学习了孙鑫的MFC教程的第一课.看完视频了,自己便用visual studio 2010尝试了MFC编程,其中遇到了一些问题. 1.vs2010不像vs6.0那样可以新建一个空的MF ...

  7. OpenCV 第一课(安装与配置)

    OpenCV 第一课(安装与配置) win10,opencv-2.4.13, 安装, vs2013, 配置 下载安装软件 官网OpenCV下载地址下载最新版本,我下载的是opencv.2.4.13,然 ...

  8. 【第一课】神奇的Context

    初学Android的困惑 初学Android跳转页面的时候,往往教程里是这么写的: Intent intent = new Intent(); //MyActivity就是当前的Activity,It ...

  9. CodeIgniter框架入门教程——第一课 Hello World！

    本文转载自:http://www.softeng.cn/?p=45 今天开始,我将在这里连载由我自己编写的<CodeIgniter框架入门教程>,首先,这篇教程的读着应该是有PHP基础的编 ...

随机推荐

  1. 使用DataConnectionDialog在运行时设置数据源连接字符串

    介绍: DataConnectionDialog 类: 打开“数据连接”对话框,获取用户选择的数据连接信息. 命名空间为:Microsoft.Data.ConnectionUI 所在程序集:Micro ...

  2. sqlserver 中存储过程的基础知识记录

    1.什么是存储过程? 存储过程就是作为可执行对象存放在数据库中的一个或多个SQL命令. 通俗来讲:存储过程其实就是能完成一定操作的一组SQL语句. 2.为什么要用存储过程? 1)存储过程只在创建时进行 ...

  3. spring笔记1 spring MVC的基础知识1

    1,spring MVC的流程 优秀的展现层框架-Spring MVC,它最出彩的地方是注解驱动和支持REST风格的url.   流程编号 完成的主要任务 补充 1 用户访问web页面,发送一个htt ...

  4. 去掉Mybatis Generator生成的一堆 example

    <table tableName="%" enableInsert="true" enableDeleteByPrimaryKey="true& ...

  5. 新一代编程：scala泛函编程技术－唠叨

    准备了半年后,终于决定在这里开始我的scala编程技术学习体验撰写之旅.初步打算在这里把我学习.体验.掌握scala编程的过程与有兴趣的朋友分享.我想,虽然我这不是正式论文或者教课书之类的,但写个开场 ...

  6. [翻译] Autofac 中注册的概念

    原文链接:http://docs.autofac.org/en/latest/register/registration.html 所谓注册组件,是指创建 ContainerBuilder 的实例,并 ...

  7. mysql 5.7.15 vs mysql 5.6.31性能测试以及不同linux内核性能比较

    最近,将部分开发和测试环境的mysql升级到5.7之后,今天抽时间测试了下5.6和5.7 PK查询的性能,使用mysqlslap进行测试,测试结果发现在低配下,percona 5.6.31大约比5.7 ...

  8. 【循序渐进学Python】14.数据库的支持

    纯文本只能够实现一些简单有限的功能.如果想要实现自动序列化,也可以使用 shelve 模块和 pickle 模块来实现.但是,如果想要自动的实现数据并发访问,以及更标准,更通用的数据库(databas ...

  9. HTML中网页超链接设计

    一.超链接的概念: 1>用<a>标签实现.href属性设置了要链接的网址. 链接路径URL:Uniform Resource Locator的缩写.统一资源定位符. 4部分组成:协议 ...

  10. Popmotion – 小巧，灵活的 JavaScript 运动引擎

    Popmotion 是一个只有12KB的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪.原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用.Popmoti ...