自己写的web标准教程,帮你走进web标准设计的世界——第三讲(html终结篇)铁拐李

上讲回顾:上一讲我主要讲解了一下网页常用的几个html标签。

非常感谢网友对我的大力支持,谢谢你们给我的鼓励!

本节我将给大家讲解表单标签和table标签,ok,Begin!Rightnow!

标签10:表单标签

功能:构造一个表单,用来向服务器提交数据

基本结构与详细标签:

a:input标签

使用指数:*****

功能:通过改变type类型来构造表单元素

类型:内联元素

常用属性:id,class,name(与ID类似,方便后台程序获取标签的值),accept(accept属性只能与配合使用。它规定能够通过文件上传进行提交的文件类型。)type与对应值一览

其中值img很少使用,他与值submit的功能是相同的,hidden值对于一个前台开发者而言几乎是用不到的,button值暂时不做介绍,毕竟我们现在离javascript还很遥远,呵呵

b:textarea标签

使用指数:****

功能:无限的向其中输入文本,比较适合做留言板,其中的文本的默认字体是等宽字体(通常是Courier)

常用属性:id,class,name

特殊属性:cols,rows来设置他的区域大小,不过不推荐这种设置,还是建议通过css来设置(又是后话了)!

c:fieldset和legend标签使用指数:**

功能:用来给你的表单划分区域,在legend中设置区域的标题(不是很常用)

类型:块级元素

常用属性:id,class,title

d:label标签

使用指数:***

特殊属性for:

例子:

e:select标签

功能:创建单选或者多选的下拉菜单

这些属性就不详细讲了,大家去实践一下就明白了,很简单下面通过一个例子在具体应用表单标签要注意的事项:

标签11:table

功能:构造一个表格

常用属性:id,class

width:设置表格的宽度

border:设置表格的边框

标签a:caption

使用指数:*

功能:为表格定义一个标题

标签b:tr

功能:为表格定义一个行

标签c:th

使用指数:**

功能:为表格的每一列定义一个小标题,默认字体加粗

标签d:td

功能:为表格定义一个列

特殊属性:1.colspan:合并单元格(列合并)

2.rowspan:合并单元格(行合并)

效果:

到这里html就讲完了,不要惊讶,我指的是主要的常用的部分讲完了,其他的就大家自己去学习吧,相信掌握了学习方法之后的工作是愉快的,哈哈

THE END
1.12个最佳的响应式网页设计教程,轻松带你入门!本系列教程涵盖了12个学习视频,可以说是一个很完整的响应式网页设计的教程。从介绍什么是响应式网页设计到如何创建响应式网页,你可以学习到你想要了解响应式网页的一切知识点。 12. The pro's guide to responsive web design https://www.creativebloq.com/rwd/pros-guide-responsive-web-design-71515692 https://cloud.tencent.com/developer/article/1387498
2.Web设计实战(一)网页设计实战Web 设计实战(一) 飞龙 协议:CC BY-NC-SA 4.0 前言 自从我开始在这个领域工作以来,我仍然对网络的发展感到惊讶。我一直喜欢互联网是一个快速发展的技术——技术、设计、流程以及一切都变化如此迅速。 《实用网页设计》是一本全面的网页设计师实践指南。每一章都经过彻底修订,提供易于理解和简单使用的信息、技巧和https://blog.csdn.net/wizardforcel/article/details/140702710
3.《JavaWeb网站设计开发》教学课件.pptx《Java Web网站设计开发》教学课件.pptx,Java Web网站设计开发第1章 Web技术概述 内容1.1Web系统简介1.2B/S结构1.3Web技术的学习路径1.4开发环境的安装与配置 1.1 Web系统简介HTML的产生瑞士日内瓦的欧洲核子研究中心的软件工程师Tim Berners-Lee编写一个软件程序,利用一系https://max.book118.com/html/2024/0614/8102014106006100.shtm
4.Web网站设计教程网站设计与Web应用开发技术 作者:吴伟敏 ISBN:9787302549246 出版社:清华大学出版社 出版年:2020 网站设计与Web应用开发技术 作者:吴伟敏 ISBN:9787302191780 出版社:清华大学出版社 出版年:2009 网站设计与Web应用开发技术 作者:吴伟敏 ISBN:9787302400233 出版社:清华大学出版社 出版年:2015 Internet与Web设计教程 https://www.las.ac.cn/front/book/detail?id=8f560e5d1d818548a75e290f036aae90
5.Web程序设计教程简介:本书主要介绍Web 程序的基本方法和技巧,全书共9章,主要内容包括:Web程序设计集成开发环境、Web脚本语言VBScript等。附注:读者对象:成人或高职高专学校相关专业师生及网络编程技术人员。中图分类号:TP393.09-43 责任者:张念鲁 主编 刘红屏 主编 李灿 译 计算机网络--程序设计 --高等学校 --教材 程序设计--http://lib.cuc.edu.cn/bookInfo_0101092761.html
6.JavaWeb程序设计教程.pdfJavaWeb程序设计教程范立峰第6章习题答案宣贯.pdf 上传者:xhr131452007时间:2021-10-30 《JavaWeb程序设计任务教程(第2版)》(Java):课后答案-docx文档 一、内容概要 《JavaWeb程序设计任务教程(第2版)》课后答案-docx文档是一份针对该教程中课后习题的详细解答集合。该文档以Microsoft Word的.docx格式呈现,包含了https://www.iteye.com/resource/haige209-4275294
7.JavaWeb程序设计教程(第二版)(微课版)《Java Web程序设计教程(第二版)(微课版)》力求通俗易懂,采用了大量的实例演示和案例分析,主要面向Java Web应用开发的初学者,也适合作为各种Java Web开发培训班的教材、高等院校Java Web程序设计课程的教材,还可作为Java Web应用开发人员的参考资料。《Java Web程序设计教程(第二版)(微课版)》配套的电子课件、实例https://lib-nudt.wqxuetang.com/book/3249635
8.达内web培训视频教程web前端交互设计视频达内web培训师资频道介绍web视频信息,与您分享达内web培训视频教程、web培训视频集锦、web培训视频大全等相关内容。了解详情请登陆达内web培训官网(web.tedu.cn)!https://web.tedu.cn/view/webui/
9.Web网页绘图教程大全,几种绘图技巧教你画出高级感网站!了解Web 网页绘图设计原则,如对比、重复、对齐、层次等,可以帮助你创建有吸引力和清晰结构的网页设计。掌握基本的设计原则对于创建出具有吸引力和高级感的网页设计至关重要。学习这些原则可以提高你的设计技巧和创作效果,画出高级感网站。 3、学习色彩搭配 https://js.design/special/article/web-page-graphics.html
10.JavaWeb程序设计任务教程源码课件大纲课后习题答案补充Java Web程序设计任务教程 黑马程序员为编著的,人民邮电出版社出版,里面的源码、课件、大纲、课后习题答案、补充案例,在博学谷下载的所有资源 【实例截图】 【核心代码】 fff1a1ee-d280-43f2-a139-d98a5bb9d954 └── 博学谷下载的该课资源 └──《Java Web程序设计任务教程》配套资源 https://www.haolizi.net/example/view_176189.html
11.UI界面设计教程界面设计之WEB网页1photoshop教程平面设计教程UI界面设计教程 界面设计之WEB网页 1 photoshop教程 平面设计教程 举报 一点空间学校 关注14,859 信息 分享: 直播热点 下载APP领会员 直播中 小言儿~ 直播中 丽丽感谢家人宠爱 直播中 悠然~ 千帆直播 人气主播 直播0 桃. 桃之夭夭,灼灼其华 点击观看 直播0 婉儿~ 婉儿妹妹 点击观看 直播0 安小燃 小燃https://www.56.com/u35/v_MTQ1NTQzNDg4.html
12.3D教程平面教程影视动画教程办公教程机械设计教程网站我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训http://51zxw.net/
13.响应式Web设计:HTML5和CSS3实战网页设计入门经典教程,html当当网图书频道在线销售正版《响应式Web设计:HTML5和CSS3实战【网页设计入门经典教程,html、css、javascript技术应用详解,网站建设宝典!未来处于技术主流地位的响应式设计 网站运营利器】》,作者:(英)弗雷恩,出版社:人民邮电出版社。最新《响应式Web设计:HTML5和CShttp://product.dangdang.com/22918818.html
14.网页设计与制作教程:Web前端开发(第6版)最新章节刘瑞新著掌阅小说网为您提供网页设计与制作教程:Web前端开发(第6版)著的刘瑞新小说,最新章节:第2章 块级元素https://m.zhangyue.com/readbook/12672434/25.html
15.HTML5+CSS3Web前端设计基础教程(第4章).pptx$number{01}HTML5+CSS3Web前端设计基础教程(第4章)2024-01-12汇报人:AA目录HTML5与CSS3概述HTML5基础语法与标签CSS3选择器与样式规则布局与定位技术动画与过渡效果设计表单控件与交互设计前端框架与组件库应用01HTML5与CSS3概述123HTML5发展历程及特点特点与优势HTML5具有许多显著的特点和优势,包括跨平台性、多https://m.renrendoc.com/paper/308260185.html
16.JavaWeb开发实战1200例(第1卷+第2卷)pdf教程+随书光盘源码JavaWeb开发实战1200例是一本非常好的Java入门教程,相信很多人都看过,无奈网上其源码都是层次不全,所以一狠心买了本纸质书,把光盘内容赋值传到网盘了,下面先看下这本书的目录吧: 第一卷目录: 第1篇 基础篇 第1章 开发环境搭建 1.1 JDK开发工具包 http://programmer.ischoolbar.com/index.php/article/article/id/40.html
17.HTML5(Web设计入门基础)视频课程共63课时HTML5课程Javascript第一季初级视频教程【李炎恢老师】 4.9李炎恢 会员免费 jQuery初级入门视频教程【李炎恢老师】 5.0李炎恢 会员免费 Bootstrap(HTML5前端库设计开发)视频课程 5.0李炎恢 会员免费 李炎恢老师jQuery EasyUI视频课程 4.9李炎恢 会员免费 PHP第一季视频教程【李炎恢老师】 5.0李炎恢 会员免费 ThinkPHP李炎恢老师专题精讲视https://edu.51cto.com/course/course_id-3148.html
18.UI交互设计视频教程Web端界面设计和网页设计规范3UI交互设计视频教程-Web端界面设计和网页设计规范_3 - 大小:6m 目录:UI交互设计视频教程-Web端界面设计和网页设计规范_3 资源数量:32,Photoshop_入门,1(上)UI行业情况及我能学UI吗?UI是什么?UI前景怎么样-1?,1(上)UI行业情况及我能学UI吗?UI是什么?UI前景怎么样-https://www.aigei.com/item/ui_jiao_hu_she_8.html
19.Web应用设计git教程 IT知识 模板大全 休息站Web应用设计一个专为移动端Web应用设计的UI组件库——Ant Design Mobile Ant Design Mobile是一个专为移动端Web应用设计的UI组件库,它是一个为企业级Web应用设计而生的UI组件库,它提供了丰富的组件和工具,帮助开发者高效地构建移动端应用。 Ant Design MobileReact组件Web应用设计移https://ipkd.cn/list/web-15
20.网页设计与制作教程——Web前端开发(第6版)var email_error=document. getElementByld(J email_error') 网页设计与制作教程——Web前端开发(第6版)-Web前端技术开发 来自淘豆网www.taodocs.com转载请标明出处. 文档信息 页数:6 收藏数:0 顶次数:0 上传人:pppccc8 文件大小:53 KB 时间:2022-07-12https://www.taodocs.com/p-740670083.html