用html表格的形式怎样做出漂亮的表格花满屋的网页设计

在水平方向上,可以设定表格的对齐方式,分别有居左、居中、居右3种。基本语法&&&&&&TABLE ALIGN=&LEFT&&&&&&&&TABLE ALIGN=&CENTER&&&&&&&&TABLE ALIGN=&RIGHT&&语法解释LEFT为居左,CENTER为居中,RIGHT为居右。文件范例:10-11.htm设定表格的水平对齐方式。01& &!-- ------------------------------ --&02& &!-- 文件范例:10-11.htm --&03& &!-- 文件说明:设定表格居中对齐 --&04& &!-- ------------------------------ --&05& &HTML&06& &HEAD&07& &TITLE&设定表格居中对齐&/TITLE&08& &/HEAD&09& &BODY&10& &H1&主流的网页设计软件&/H1&11& &TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 Background=10-8.jpg CellSpacing=10 CellPadding=25 ALIGN=&CENTER&&12& &TR&13& &TD&网页图像软件&/TD&&TD&Fireworks&/TD&14& &/TR&15& &TR&16& &TD&网页制作软件&/TD&&TD&Dreamweaver&/TD&17& &/TR&18& &TR&19& &TD&网页动画软件&/TD&&TD&Flash&/TD&20& &/TR&21& &/TABLE&22& &/BODY&23& &/HTML&文件说明第11行定义了表格的水平对齐方式为居中。
欢迎转载:
推荐:    君,已阅读到文档的结尾了呢~~
用html做一个网页
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
用html做一个网页
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
将文档分享至:
分享完整地址
文档地址:
粘贴到BBS或博客
flash地址:
支持嵌入FLASH地址的网站使用
html代码:
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口后门已清除。= =被入侵之后要好好检查
域名白/黑名单查询
域名不用加 www ,如:HTML表格制作网页的缺点
合作共赢、快速高效、优质的网站建设提供商
深圳网站建设 服务热线:6
HTML表格制作网页的缺点
& HTML刚出现时,它主要被用于科学家之间交流研究成果,在那个环境下,视觉格式的需求很低,所以仅有的那一点格式需求是通过特殊的标签来确定的,而不是通过特殊的布局标准,当Web成为主要的通讯手段时,需求迅速变化,在布局标准出现之前,设计师只能用各种技巧来生成而已,通常要用&table&标签,大部分情况的最终结果是,&table&很少诈,这导致了3个问题.1.布局管理困难,建立的网页中有层层叠叠的嵌套表格,变得越来越难以维护,每次修改都意味着要改动一个或多个表格,还要注意别破坏整个网页的而已,直到调整正确为止,即使在HTML中添加了大量的注释,也会很快过时.2.降低网页速度,那些表格不是没有代价的,表格使用大量的标记,会增大赠面大小,使用占位图像强行控制表单布局也会占用带宽,即使在页面下载到浏览器之后,处理并显示表格也需要时间.3.降低页面可用性,屏幕阅读器和文本浏览器处理表格的方式通常与处理其他内容的方式不同,这会给用户带来过多的负担.&& 幸运的是,CSS的出现解决了网页table布局的问题.迅美科技目前所有的网站基本上都使用了CSS的布局技术.相关CSS布局的文章请大家多关注我们的官网.html开发之简单网页表格制作
&input&用于搜集用户信息,无结束语。
&type&input元素类型,
input 之type 属性,type属性值:
text(文本框),button(按钮),checkbox(复选框),file(文件),hidden(隐藏字段),
image(图像),password(密码框),radio(单选按钮),reset(重置按钮),submit(提交按钮)。
button 定义可点击按钮(多数情况下,用于通过 Script 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 &浏览&按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
&textarea&定义一个文本区域,结束语&/textarea&.textarea属性:
属性 值 描述 4 5
autofocus true
&在页面加载时,使这个 textarea 获得焦点。&& 5
cols number 规定文本区内可见的列数。 4 5
disabled true
&当此文本区首次加载时禁用此文本区。 4 5
&定义该 textarea 所属的一个或多个表单。&& 5
inputmode inputmode 定义该 textarea 所期望的输入类型。&& 5
name name_of_textarea 为此文本区规定的一个名称。 4 5
readonly true
&指示用户无法修改文本区内的内容。 4 5
required true
&定义为了提交该表单,该 textarea 的值是否是必需的。&& 5
rows number 规定文本区内可见的行数。 4 5
&textarea rows=&3& cols=&30&&
&/textarea&
&b&粗体,结束语&/b&
&i&斜体,结束语&/i&
&u&加下划线,结束语&/u&
&big&大型字体&/big&
&small&小型字体&/small&
&blink&闪烁效果&/blink&
&em&一般为斜体,强调&/em&
&strong&一般为粗体,强调&/strong&
&cite&一般为斜体,用于引证、举例&/cite&
&title&欢迎注册/登陆&/title&
&form name=&form1& method=&post& action=&&&
&P&名&&字:
type=&text& value=&小神& size=&20&&
&form name=&form2& method=&post& action=&&&
&P&密&&码:
&input value=& 123456 & type=&password& size=&22&&
&form name=&form3& method=&post& action=&&&
&br&单选性别:
&input name=&gen& type=&radio& class=&input& value=&男& checked&
&img src=&b.gif& width=&23& height=&21&&男&
&input name=&gen& type=&radio& class=&input& value=&女& &
&img src=&g.gif& width=&23& height=&21&&女&
&br&复选爱好:
&input type=&checkbox& name=&&value=&&checked&
&/label&聊天&&
&input type=&checkbox& name=&& value=&&&
&/label&电影&&
&input type=&checkbox& name=&& value=&&&
&/label&游戏&&
&br&出生日期:
&input name=&byear& value=&yyyy& size=4 maxlength=4 &年&
&select name=&bmon&&
&option value=& & selected&[选择月份] &/option&
&option value=0&一月&/option&
&option value=1&二月&/option&
&option value=2&三月&/option&
&option value=3&四月&/option&
&/select&月&
&input name=&bday& value=&dd& size=2 maxlength=2 &日&
&div class=&left&&
&span class=&spanTxt&&输入右图数字验证&/span&:
&span class=&shortInputSpan&&&input type=&text& class=&short_input& name=&validatecode& id=&validatecode&
maxlength=&4&
onFocus=&textshow(this,'请正确输入验证码');&/&&/span&
&span class=&h1&&
&img id=&ode& name=&vcode&
alt=&& src=&help_alarm.jpg& height=&28& width=&63&
align=&absmiddle&/&&a href=&javascript:changeimg();& class=&code_style&&看不清,换一张&/a&
&input type=&checkbox& id=&chkagreement&
name=&chkagreement& checked=&checked&/&
接受&a href=&小神幻化成形.html& target=&_blank& &《XXX注册协议书》&/a&
&form name=&form7& method=&post& action=&&&
&textarea name=&textarea& cols=&35& rows=&6&&欢迎本服务条款协议,本协议阐述之条款和条件适用于您使用XXX的各服务。
本服务协议为me,you,ta,
本服务协议具有合同效力。
me的权利和义务
&/textarea&
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'}

我要回帖

更多关于 满屋花网页代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信