一、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>

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

　　　　　　

（三）HTML中的列表标签、框架集及表单标签的更多相关文章

  1. 第三百一十一节，Django框架，Form表单验证

    第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...

  2. 【HTML】--- 列表、表格、form表单标签

    Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...

  3. day 31 表单标签，CSS

    一. HTML表单标签 HTML表单用于搜集不同类型的用户输入,然后把数据提交给服务器处理. 常用的表单标签: 标签 作用 form 所有表单标签的根标签 input 输入标签,包括单行输入框.密码框 ...

  4. SpringMVC 表单标签 & 处理静态资源

    使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签 一般情况下,通过 ...

  5. Spring MVC---数据绑定和表单标签

                                   数据绑定和表单标签 数据绑定 数据绑定是将用户输入绑定到领域模型的一种特性,在Spring MVC的controller和view数据传递 ...

  6. struts2：表单标签续（datetimepicker标签）

    18. datetimepicker标签 18.1 拷贝JAR包 在struts-2.x.x压缩包的lib目录中拷贝struts2-dojo-plugin-2.3.8.jar到WEB-INF/lib目 ...

  7. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  8. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  9. Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

随机推荐

  1. Markdown使用样例

    # 欢迎使用 Cmd - 在线 Markdown 编辑阅读器 ------ 我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,**Cmd Markdown** 是 ...

  2. 【bzoj2140】: 稳定婚姻 图论-tarjan

    [bzoj2140]: 稳定婚姻 哎..都是模板题.. 一眼看过去 哇 二分图哎 然后发现好像并不能匈牙利算法 自己xjb画两张图,发现二分图左向右连配偶的边,然后右向左连交往过的边 然后如果Bi G ...

  3. birth

    第一次开通博客, 今天开始了计算机方面的学习,我将通过博客来总结自己的学习内容以及分享学习经验,同时我将分享在技术方面的所见所闻以及所思所想,希望能和大家一起探讨,共同进步~

  4. Liunux疑问

    Liunux疑问 其中的各种软件的安装有模糊的点,待解决 待解决 待解决 待解决 ... ...

  5. Qt 学习之路 2（54）：剪贴板

    Qt 学习之路 2(54):剪贴板 豆子 2013年6月8日 Qt 学习之路 2 2条评论 剪贴板的操作经常和前面所说的拖放技术在一起使用.大家对剪贴板都很熟悉.我们可以简单地把它理解成一个数据存储池 ...

  6. Android RecyclerView组件和 Spinner(下拉列表框)

    1.RecyclerView <1>知识点介绍 RecyclerView 比 ListView 更高级且更具灵活性. 它是一个用于显示庞大数据集的容器,可通过保持有限数量的视图进行非常有效 ...

  7. elementui 给 左侧功能栏 加上 el-scroll 时 , el-main 会 挤压 左侧导航栏..

    解决方法... el-main 给上 style='width:0'........... 并不会影响 el-main 布局...

  8. js定时器的结束和开始

    今天在做一个页面的报表的时候,需要在报表内容改变后屏蔽掉页面上的一些选择框. 因为这个报表是自身的链接实现的改变,我只能读取到history改变了,基于这个来判断 我写了一个判断条件,然后将他放在了一 ...

  9. myeclipse启动后，卡在loading workbench界面

    今天在修改svn的配置文件的时候,电脑重启了几次,然后myeclipse启动的时候就一直卡在loading workbeach动不了了. 重启了几次也不行,后来查的百度,找到的解决方法如下: 找到my ...

  10. 最小生成树----prim算法的堆优化

    题目描述 如题,给出一个无向图,求出最小生成树,如果该图不连通,则输出orz 输入输出格式 输入格式: 第一行包含两个整数N.M,表示该图共有N个结点和M条无向边.(N<=5000,M<= ...