一、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. luogu5212/bzoj2555 substring(后缀自动机+动态树)

    对字符串构建一个后缀自动机. 每次查询的就是在转移边上得到节点的parent树中后缀节点数量. 由于强制在线,可以用动态树维护后缀自动机parent树的子树和. 注意一个玄学的优化:每次在执行连边操作 ...

  2. 递归-归并排序 思想 JAVA实现

    已知一个数组   15.58.61.75.21.32.89.4.78.83.采用递归实现的归并排序将数组有序. 分治策略:(摘自<算法导论>) 在分治策略中,我们采用递归解决问题 分解:将 ...

  3. iOS APP日志写入文件（日志收集）

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  4. [Beta阶段]第一次Scrum Meeting

    Scrum Meeting博客目录 [Beta阶段]第一次Scrum Meeting 基本信息 名称 时间 地点 时长 第一次Scrum Meeting 19/04/29 大运村寝室6楼 70min ...

  5. java 开发原则(七个)

    转自 : https://blog.csdn.net/u011288271/article/details/52497602 对于Java看到过一个很有意思的说法:Java有六大心法,23种武功招式. ...

  6. 网络编程之socket(TCP,UDP)

    socket层 tcp协议和udp协议 1)Socket服务器编程 主要包括下面的几步: 1.打开socket 2.绑定到一个地址和端口 3.侦听进来的连接 4.接受连接 5.读写数据 (2)Sock ...

  7. Foremost恢复Linux中已删除的文件

    Foremost 我们只能在Linux中恢复已删除的文件,只要这些扇区在硬盘上没有被覆盖. 首先安装 要在CentOS上安装Foremost,我们将从官方网页下载并安装最前面的rpm.打开终端并执行以 ...

  8. 扩增子分析QIIME2. 1简介和安装

    原网站:https://blog.csdn.net/woodcorpse/article/details/75103929 声明:本文为QIIME2官方帮助文档的中文版,由中科院遗传发育所刘永鑫博士翻 ...

  9. DP小小结

    入门题 : [Luogu1441]砝码称重 , [NOIP2015]子串 [AHOI2009]中国象棋 , 详见代码 [HNOI2007]梦幻岛宝珠 , 详见代码 [NOIP2012]开车旅行 , 没 ...

  10. D. Magic Gems（矩阵快速幂 || 无敌杜教）

    https://codeforces.com/contest/1117/problem/D 题解:有一些魔法宝石,魔法宝石可以分成m个普通宝石,每个宝石(包括魔法宝石)占用1个空间,让你求占用n个空间 ...