海妖 发表于 2015-1-16 00:15:05

来讲讲:CSS form表单结构典范一例

结构清晰,容易被搜索引擎搜索到,天生优化了seo

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>52css.com</title>
<styletype="text/css">
label{
float:left;
width:80px;
}
form{margin:0px}
input{
width:180px;
border:1pxsolid#808080
}
textarea{
width:250px;
height:150px;
}
#sbutton{
margin-left:80px;
margin-top:5px;
width:80px;
}
br{
clear:left;
}
</style>
</head>
<body>
<formaction=""method="post">
<labelfor="user">姓名:</label>
<inputtype="text"id=username="user"value=""/><br/>
<labelfor="email">邮件:</label>
<inputtype="text"id=emailname="email"value=""/><br/>
<labelfor="comment">备注:</label>
<textareaid=commentname="comment">
</textarea>
<br/>
<inputtype="submit"id="sbutton"value="断定"/><br/>
</form>
</body>
</html>
</p>
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。

因胸联盟 发表于 2015-1-18 05:47:26

以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

admin 发表于 2015-1-24 14:08:04

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

小女巫 发表于 2015-2-1 17:09:09

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

精灵巫婆 发表于 2015-2-22 11:32:22

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

爱飞 发表于 2015-3-7 01:15:10

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

小妖女 发表于 2015-3-14 06:36:11

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

飘灵儿 发表于 2015-3-21 01:43:39

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
页: [1]
查看完整版本: 来讲讲:CSS form表单结构典范一例