(三)HTML中的列表标签、框架集及表单标签

一、HTML的列表标签

在网页中,经常可以看到,有的内容排列如同word里面的项目编号,这就是HTML的无序排列和有序排列起到的作用。。

HTML之无序排列:<ul></ul>

例子:<ul type="??">

        // type的属性值可以为:disc---->实心黑色圆;circle---->空心圆;square---->实心正方形。

        <li>河南理工大学</li>

<li>河南工业大学</li>

         </ul>

HTML之有序排列:<ol></ol>

例子:<ol type="??" start="??">

         //type的属性值可以为:1---->按照阿拉伯数字排序(1,2,3);a---->小写英文字母排序(a,b,c....)

                                        A---->大写英文字母排序(A,B,C....);i---->小写罗马字母排序(i,ii,iii,.....)

                                        I---->大写罗马字母排序(I,II,III,....)

                                        start的属性值为阿拉伯数字(1,2,3...),表示从第几个开始排序

         <li>河南理工大学</li>

<li>河南工业大学</li>

         </ol>            

 注意:属性值之间是空格,不是逗号。。

二、HTML的框架集

HTML的框架集标签:<frameset></frameset>,主要用来布局页面,在一个页面中可以显示多个页面的内容

    1、固定框架

     例如:A.html中同时包含B.html和C.html,

     则A.html的布局为:

<html> 注意:A中不能有body体,即不能出现<body></body>

      <frameset rows="??" cols="??">

       // rows属性表示页面包含几行的宽度值(rows="20%,60%,*"),*表示其余宽度;cols属性类似

      <frame name="??" src="??" noresize frameborder=""></frame>

      //name属性表示框架的名字,src属性指示链接到的地址

      <frame name="??" src="??" noresize frameborder=""></frame>

//noresize表示同一页面中,框架之间的分界线不能移动

      //frameborder属性表示框架之间的分界线宽度。

      </frameset>  

      </html>

      2、浮动框架

       例如:A.html中同时包含B.html和C.html,

       则A.html的布局为:<html>    注意:A中可以有body体

                 <body>

                Hello world!!!!

                <iframe name="??" src="??" noresize frameborder=""></iframe>

                <iframe name="??" src="??" noresize frameborder=""></iframe>

                </frameset> 

                </body>  

                </html>

三、HTML的表单

  HTML中的表单具有强大的功能,实现前台的设计,从而和后台之间进行交互...

  表单标签:<form></form>

    例子:一个登陆界面的实现

      <form action="??" method="??">    

       //action属性表示提交到哪个页面,method属性表示用到的方法:get和post

      用户名:<input type="text" name="username"><br/>  get和post的区别:1、post相对安全

      密   码:<input type="password" name="password"><br/>         2、post数据量更大

      <input type="submit" value="提交">                     3、get要求服务器及时响应

      <input type="reset" value="重置">                      4、post页面无法收藏

      </form>

表单标签的后续内容,在下一篇中会继续阐述..

      

时间: 2024-10-26 15:21:12

(三)HTML中的列表标签、框架集及表单标签的相关文章

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

SpringMVC 表单标签 &amp; 处理静态资源

使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签 一般情况下,通过 GET 请求获取表单页面,而通过POST 请求提交表单页面,因此获取表单页面和提交表单页面的 URL 是相同的.只要满足该最佳条件的契约,<form:form> 标签就无需通过 action 属性指定表单提交的 URL 可以通过 modelAttribute 属性指定绑定的模型属性,若 没有指定该

SpringMVC表单标签&amp;处理静态资源

使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显 form 标签 • 一般情况下, 通过 GET 请求获取表单页面,而通过POST 请求提交表单页面, 因此获取表单页面和提交表单页面的 URL 是相同的. 只要满足该最佳条件的契约, <form:form> 标签就无需通过 act一般情况下, 通过 GET 请求获取表单页面,而通过POST 请求提交表单页面, 因此获取表单页面和提交

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

前端内容之HTML:HTTP协议、HTML中重要的标签、表格、表单等

什么是前端: 与用户直接打交道的,例如:手机电脑的界面 什么是后端: 幕后操作者,不直接与用户打交道的 WEB服务的本质: 浏览器中输入网址回车发送了几件事? 1.浏览器朝服务端发送请求 2.服务端接收请求 3.服务端返回响应 4.浏览器接收响应            按照相应的规则渲染给用户看. HTTP协议: 超文本传输协议 规定了浏览器与服务端传输数据的格式 四大特性: 1.基于请求响应 2.基于TCP/IP之上的作用于应用层的协议 3.无状态(服务端不保存用户状态,即使同一用户每次来都当

Struts2中UI标签之非表单标签

1.非表单标签主要用于在页面生成一些非表单的可视化元素,例如Tab页面,输出HTML页面的树形结构等.当然,非表单标签也包含在页面显示Action里封装的信息,非表单标签主要有如下几个: a:生成一个超级连接(link). actionerror:如果Action实例的getActionError()方法返回不为null,则该标签负责输出该方法返回的系列错误. actionmessage:如果Action实例的getActionMessage()方法返回不为null,则该标签负责输出该方法返回的

第七节 认识SpringMVC中的表单标签

所谓成熟,就是:你要习惯,任何人的忽冷忽热:也要看淡,任何人的渐行渐远: --胖先生 SpringMVC的表单标签 回顾: JSTL标签 --C标签 FMT标签 自学:JSP如何自定义标签[开源社区当中有别人写好的标签] 表单标签:使用规则 模拟开发环境: 1.更新操作 A.通过主键进行查询 B.JSP显示 C.提交表单 @RequestMapping(value="/update/{user_id}",method=RequestMethod.GET) public ModelAnd

关于Spring MVC中的表单标签库的使用

普通的MVC设计模式中M代表模型层,V代表视图层,C代表控制器,SpringMVC是一个典型的MVC设置模式的框架,对于视图和控制器的优化很多,其中就有与控制器相结合的JSP的表单标签库. 我们先简单写一个JSP的文件,使用普通的HTML的表单: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 &l

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess