通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选

通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选

ID:34353625

大小:203.00 KB

页数:13页

时间:2019-03-05

通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选_第1页
通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选_第2页
通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选_第3页
通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选_第4页
通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选_第5页
资源描述:

《通过代码实例跟我学j2eeweb组件相关技术html标签的相关的教学示例第3部分精选》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、杨教授工作室精心创作的优秀程序员职业提升必读系列资料1.1HTML标签的相关的教学示例(第3部分)1.1.1利用

标签实现页面内容的布局定位及应用实例由于表格是将“内容”和“表现”相互混合在整个标签内,这不利于将“页面内容”的表现实现多样化的显示。因此,现在的Web页面设计技术基本上都抛弃了利用表格实现页面内容的布局定位的技术实现的方法,而是采用“CSS+Div”的布局定位方式。其中利用
标签定义要显示的内容,而借助CSS(CascadingStyleSheets,层叠样式表单)实现内容的显示风格控制,最终达到“页

2、面内容”和“页面表现风格”相互分离的设计效果。1、

标签用于定义和划分页面中的“页面区域”
标签是用来为HTML文档内的大块(区域)的内容提供结构和背景描述的标签,它可以把整个页面文档分割为若干独立的、不同的显示区域,并且通过应用层叠样式表单定义这个区域内的信息内容的显示风格。2、采用“CSS+Div”页面布局定位技术构建Web网站系统页面利用
标签构建好整个Web网站系统中的各个板块页面的布局之后,再用CSS给它添加样式风格的定义,最终达到将页面中的的各个“信息内容”(由
标签标识)和“表现风格”(由CSS文件中的各个属性项

3、目规定)相互分离,类似于软件系统开发中模型视图控制器设计模式(ModeViewControl,MVC)中的“M(模型)”和“V(视图)”相互分离的设计效果。如下为某页面导航菜单条应用

标签实现布局定位效果的部分代码片段示例:
  • 新闻
  • 电视
  • 电影

4、v>13杨教授工作室,版权所有,盗版必究,13/13页杨教授工作室精心创作的优秀程序员职业提升必读系列资料对上面的代码片段还需要应用CSS层叠样式表定义它们的显示风格。3、

标签在应用方面的主要差别
标签都可以实现页面内容的布局定位,但它们两者之间在应用方面有着本质的差别:
标签是块级别的标签,每个由
标签所标识的内容独占一行的显示区域。而标签则是行内标签,每个由标签所标识的内容并不独占一行的区域,而是顺序地排列在一行中。如下为导航菜单条中的各个超链接应用标签实现

5、行内布局定位的部分代码片段示例,添加对应的CSS样式定义后同样也能够达到相同的显示效果:新闻电视电影

在上面的
标签中只有对“内容”(本示例为超链接)的描述标签,而没有对这些“内容”最终如何“显示”的定义和描述标签,因此“内容”

6、和“显示”相互分离。4、熟悉表单及相关的各个控件标签(1)表单用于收集和提交用户输入的信息Web表单是B/S(Browser/Server,Web浏览器/Web服务器)体系架构的企业应用系统中用户与Web系统之间进行人机交互的主要图形用户界面(GraphicalUserInterface,简称GUI)元素,应用系统通过Web表单可以收集用户的各个请求参数,并对客户端的请求加以对应的后台处理。1)常用的信息输入形式:单行文本,多行文本,单选按钮,多选框等,选择式列表,密码和文件。2)提交表单时,其中收集到的信息会被发送到服务器端,服务器端相关应用程序(PHP、

7、ASP或JSP等)会进行处理,比如将信息保存到数据库中,也可将处理结果再回送到客户端浏览器上显示。13杨教授工作室,版权所有,盗版必究,13/13页杨教授工作室精心创作的优秀程序员职业提升必读系列资料(2)
标签在浏览器中显示时也是一个区块,并且也独占一行的显示区域(除非嵌套到另一个大的区块内)下面为利用标签定义的某个表单的代码片段示例:表单内的各个控件标签的定义,在此省略

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。