首页 技术 正文
技术 2022年11月15日
0 收藏 341 点赞 2,238 浏览 2787 个字

打开DREAMWEAVER,新建HTML,如下图:

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的基本代码第一课

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,104
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,581
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,428
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,200
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,835
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,918