一、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. Jmeter_录制HTTPS

    [环境] Jmeter版本:Jmeter3.2: JDK版本:JDK1.8 [配置] [1]添加“线程组.Http信息头管理器.httpCookie管理器.HTTP代理服务器”: [2]设置浏览器的“ ...

  2. 图层锁定vlisp函数高版本图元自动淡色显示

    (defun c:tt(/ obj) (sk_layerLock (getvar "clayer") nil) (princ) ) ;;;name:sk_layerLock ;;; ...

  3. Python实例手册

    在电脑中突然发现一个这么好的资料,雪松大神制作,不敢独享,特与大家共享.连他的广告也一并复制了吧! python实例手册 #encoding:utf8 # 设定编码-支持中文 0说明 手册制作: 雪松 ...

  4. (原創) Gvim 個人習慣常用設定 (vim)

    不定期更新這篇,因為查詢到好用的設定或者插件就會更新自己的設定. "set nocompatible let $LANG='zh_TW.UTF-8' set langmenu=zh_tw.u ...

  5. AF 与 PF区别

    AF 表示ADDRESS FAMILY 地址族 PF 表示PROTOCL FAMILY 协议族 Winsock2.h中#define AF_INET 0#define PF_INET AF_INET ...

  6. C# 获取类中属性注释值

    转 http://bbs.csdn.net/topics/350019800 PropertyInfo[] peroperties = typeof(TEST).GetProperties(Bindi ...

  7. Qt 学习之路 2（72）：线程和事件循环

    Qt 学习之路 2(72):线程和事件循环 <理解不清晰,不透彻>  --  有需求的话还需要进行专题学习  豆子  2013年11月24日  Qt 学习之路 2  34条评论 前面一章我 ...

  8. 详解Oracle hints PQ_DISTRIBUTE

    PQ_DISTRIBUTE是并行的hints中稍微复杂一点的一个 下面就这个hints做以下说明: 1.使用格式 /+ PQ_DISTRIBUTE(tablespec outer_distributi ...

  9. VUE 日历签到

    <style lang="scss"> @import "../assets/css/px2rem.scss"; .sign-box { width ...

  10. Laplace变换要点

    Laplace变换在求解微分方程.信号系统.自动控制领域都有重要作用.阅读<复变函数与积分变换>华中科大第三版,小结要点. 方便应用,最先给出变换表: 定义: 性质: 周期函数与卷积: