初学HTML
今天看了下TABLE的属性,有一些大概了解了,但是有一些还是不是很清楚,看来还要多多的练习啊。
今天用TopStyle Pro编写了一些程序作出了一个简单的效果
<html> <head> <style type="text/css"> <!--a:link { text-decoration: none;color="#ff7300"} --> </style> </head> <body> <table width="785" border="0" align="center"> <tr> <td width="895" height="30"> <img src="../2011.6.17/个人信息.jpg" width="783" height="35" align="top"></td> <table width="770" height="240" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="100" height="25"><font size="2px;"> <font color="#ff0000">*<b></font><font size="2px;">姓 名</b></td> <td width="225" height="25"> <input style="text-align:left"></td> <td width="100" height="25" align="left"><font size="2px;"> <font color="#ff0000">*<b></font><font size="2px;">性 别</b></td> <td width="225" height="25"> </font><font size="2px;"> <input name="gender" type="radio" checked="cheked" value="0"/>男 <input name="gender" type="radio" checked="checked" value="0"/>女</td> <td width="95" height="115" align="center" valign="middle" rowspan="4"> <img src="../2011.6.17/我.jpg" width="93" height="114"> </tr> <tr> <td width="100" height="25" align="left"><font size="2px;"> <font color="#ff0000">*</font><b></font><font size="2px;">出生日期</b></td> <td> <select> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> </select><font size="2px;">年<select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</oprion> </select><font size="2px;">月<select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select><font-size="12px;">日</td> <td width="100" height="25" align="left"><font size="2px;"> <font color="#ff0000">*</font><b></font><font size="2px;">工作年限</span></b></td> <td> <select style="width:154px;"> <option value="请选择">请选择</option> <option value="在读学生">在读学生</option> <option value="应届毕业生">应届毕业生</option> <option value="一年以上">一年以上</option> <option value="两年以上">两年以上</option> </select></td> </tr> <tr> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b></font><font size="2px;">证件类型</b></td> <td> <select style="width:154px;"> <option value="身份证">身份证</option> <option value="军人证">军人证</option> <option value="护照">护照</option> <option value="香港身份证">香港身份证</option> <option value="其他">其他</option> </select></td> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b></font><font size="2px;">证 件 号</b></td> <td width="220" height="25"> </font><font size="2px;"><input style="text-align"><span class="style11"> <a href="http://my.51job.com/payservice/verify/introduce.php" style="text-decoration:none">申请验证</a></td> </tr> <tr> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b></font><font size="2px;">居 住 地</b></td> <td> <img src="../2011.6.17/重庆.jpg" width="125" height="25"></td> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b></font><font size="2px;">Email</b></td> <td> <input name="email" disabled="disabled" class="weight150" id="email" type="text" value="caiyu1988002@yeah.net"/><font size="2px;"> <a href="http://my.51job.com/cv/CResume/CV_CModDefault.php?ReSumeID=78039675&noap57u3ba#">修改</a></td> </tr> <tr> <td width="100" heigh="25"><b></font><font size="2px;"> 目前年薪</b></td> <td> <select style="width:110px;"> <option value="---请选择---">---请选择---</option> <option value="2万以下">2万以下</option> <option value="2-3万">2-3万</option> <option value="3-4万">3-4万</option> <option value="4-5万">4-5万</option> </select><font size="2px;">/年<font size="2px;"> <a href="http://my.51job.com/my/Salary_report.php" style="text-decoration:none"> 薪酬查询</a></td> <td width="100" height="25"><b> </font><font size="2px;"> 币 种</b></td> <td> <select style="width:154px;"> <option value="人民币">人民币</option> <option value="港币">港币</option> <option value="美元">美元</option> <option value="日元">日元</option> <option value="欧元">欧元</option> </select></td> <td><font size="2px;"> <a href="http://my.51job.com/cv/CResume/CV_CModDefault.php?ReSumeID=78039675&noap57u3ba#">>>编辑</a> <a href="http://my.51job.com/cv/CResume/CV_CModDefault.php?ReSumeID=78039675&noap57u3ba#">>>删除</a></td> </tr> <tr> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b>联系方式</b></td> <td width="225" height="25"> <font size="2px;">(请至少填写一项)</td> <td width="100" height="25" align="left"> <font size="2px;"><font color="#ff0000">*</font><b>求职状态</b></td> <td> <select style="widht:154px;"> <option value="目前正在找工作">目前正在找工作</option> <option value="半年内无换工作的计划">半年内无换工作的计划</option> <option value="一年内无换工作的计划">一年内无换工作的计划</option> <option value="观望有好的机会再考虑">观望有好的机会再考虑</option> <option value="我暂时不想找工作">我暂时不想找工作</option> </select></td> </tr> <tr> <td width="100" height="25"><font size="2px;"><b> 手机号码</b></td> <td> <input style="text-align:left;"></td> <td width="100" height="25"><font size="2px;"><b> 公司电话</b></td> <td> <input style="width:38" height="19" value="086"> <font size="2px;">-<input style="width:35" height="19" value="区号"><font size="2px;">-<input style="width:70" height="19" value="总机号码"><font size="2px;">-<input style="width:40" height="19" value="分机"></td> </tr> <tr> <td width="100" height="25"><font size="2px;"><b> 家庭电话</b></td> <td> <input style="width:38" height="19" value="086"> <font size="2px;">-<input style="width:35" height="19" value="区号"><font size="2px;">-<input style="width:70" height="19" value="电话号码"></td> <td width="100" height="25"><font size="2px;"><b> 户 口</b></td> <td><img src="../2011.6.17/选择.jpg" width="128" height="23"></td> </tr> <tr> <td width="100" height="25"><font size="2px;"><b> 关键词</b></td> <td width="297" height="38" valign="middle" colspan="2"> <textarea name="resumekey" id="resumekey" rows="2" cols="45">计算机及其他</textarea></td> <td width="355" height="40" valign="middle" colspan="5" > <font color="#818181" size="2px;">请输入代表你个人的关键词,限 <span style="color:#ff0000">10</span>个,用空格隔开。如行业、特长、业绩等,每词不超过6个汉字(12个英文字母).</td> </body> </html>
其中有很多问题:
1.进行TABLE编辑时,应该把<cellpadding>和<cellspacing>设置为0,以免错误。
2.设置表格内行宽度时,只需要设置第一行宽度即可,不需要重复设置。
3.编辑代码时,尽量写成对的标签,以免之后忘记。
4.格式用STYLE设置。
5.最主要的就是像我这样编写程序肯定会出现问题,所以以后学习了跟多的内容了,就慢慢的更改。
今天没有用Dreamweaver 8来进行编辑,使用了TopStyle Pro来编写,虽然说编写起来肯定有点慢,但是相对来说更容易记住代码和代码所带的效果。
今天问题虽然有不少,但是我觉得我还是有所收获的,毕竟才开始嘛,慢慢来!
相关推荐
本文将深入探讨“前端+HTML+JS+CSS”,以及所谓的“四大天王”概念,这对于初学HTML者来说是非常重要的基础知识。 首先,前端开发是关于创建网页和应用程序的用户界面,包括布局、交互、视觉设计等。它主要由三个...
本资源“初学HTML 网站源码-自己做的”是一个专门为初学者设计的HTML实践项目,旨在帮助初学者通过实际操作来提升技能。 该源码网站可能包含了一系列的HTML文件,每个文件代表一个网页,例如首页、新闻页面或网址...
初学Html 5 + CSS 3 +JS自主编写新年倒计时网页,可以根据自己的需求来更改里面的内容,适合初学者来借鉴;大神勿喷!!!还请大神们提出宝贵的意见,感谢!
HTML(HyperText Markup Language)是构建网页的基础语言,它允许我们用结构化的标记来组织网页内容,让..."HTML入门教材"对初学者来说是一个理想的起点,通过深入学习和实践,你将能够创建出具有个人特色的网页。
本指南将帮助初学者理解如何使用HTML工具来配置页面颜色值,使网页更具吸引力和个性化。 一、HTML颜色基础 在HTML中,颜色可以通过三种主要方式表示:颜色名称、十六进制代码和RGB(Red, Green, Blue)值。颜色...
这个“最基本的HTML大全”显然是一份全面的教程或资源集合,旨在帮助初学者快速掌握HTML的基本概念和用法。让我们深入探讨一下HTML的一些核心知识点。 1. **HTML结构**:HTML文档通常由`<!DOCTYPE html>`声明开始,...
Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html...
在探讨HTML初学者入门教程之前,我们首先需要理解HTML是什么。HTML,全称为超文本标记语言(Hypertext Markup Language),是一种用来创建网页的标准标记语言。HTML文件是包含文本内容和标记(tags)的特殊文本文件...
特别适合初学者适应html、js语言
这是我个人初学html时收集的一些代码,希望能帮助到各位初学html文件编写的盆友。
对于初学者来说,选择一个合适的HTML框架能够极大地提高学习效率和开发体验。"安然静态园"是一个可能的例子,它可能是为初学者设计的一个教学框架,旨在简化HTML的学习过程。 HTML(超文本标记语言)是网页内容的...
HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML ...
本文档旨在指导初学者掌握 HTML 基础知识,并通过实践练习熟悉 HTML 编程。本文档共分为四页,涵盖 HTML 基础概念、表单设计、图片显示、样式设置等内容。 页 1:块级元素、内联元素和内联块元素的默认显示特征 在...
HTML(HyperText Markup Language)是用于创建网页的标准标记语言,对于初学者来说,它是进入Web开发领域的基础。本文将深入探讨HTML的学习工具和资源,帮助初学者更好地掌握这一核心技术。 首先,HTML的学习工具...
对于初学者而言,学习HTML是构建网页的基础,它允许我们将文本、图像、链接等内容组织成结构化的页面。SharePoint Designer,虽然在标题中没有直接提及,通常是一个用于协同工作和网站设计的工具,可以与HTML一起...
在"HTML简单页面初学者看"这个主题中,我们可以深入探讨以下几个重要的HTML知识点: 1. HTML基本结构:每个HTML页面都有一个标准的结构,包括`<!DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。`...
适合初学html的学员,HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令...
本初学者指南第二版专注于教授HTML的基础知识,旨在帮助初学者快速掌握网页制作的核心技能。 1. HTML基础:HTML由一系列元素组成,这些元素通过标签定义。例如,`<html>`是文档的根元素,`<head>`包含元数据,如...
pdf书 适用于初学HTML的朋友 HTML介绍 -------------------------------------------------------------------------------- HTML文件是什么? HTML表示超文本标记语言(Hyper Text Markup Language)。 HTML...
【描述】:“我的个人网页+html全静态网页供初学HTML者参考”表明这是一个适合初学者的项目,其中的HTML代码是一个完整的静态网页示例。静态网页意味着它的内容在服务器端不会根据用户交互或时间变化而改变。对于...