一、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. MySQL 学习笔记（二）：数据库更新、视图和数据控制

    基础准备: 在 school 数据库下建立student.course.sc 三个表: create table student( Sno ) primary key, Sname ) unique, ...

  2. mysql 远程访问不行解决方法 Host is not allowed to connect to this MySQL server

    mysql 远程访问不行解决方法 Host is not allowed to connect to this MySQL server 如果你想连接你的mysql的时候发生这个错误: ERROR 1 ...

  3. scrapy的 安装 及 流程 转

    安装 linux 和 mac 直接  pip install scrapy 就行 windows 安装步骤         a. pip3 install wheel       b. 下载twist ...

  4. springMVC上传功能(单文件和多文件上传)

    单文件和多文件上传 首先在xxx-select.xml里面配置上传的大小和编码 <bean id="multipartResolver" class="org.sp ...

  5. pyc和pycodeobject

    Python是一个先编译再解释的语言. 执行过程:先寻找pyc文件,找到则载入,没找到则把编译的结果保存在pycodeobject中,运行结束则写到pyc文件中

  6. CNN 卷积神经网络结构

    cnn每一层会输出多个feature map, 每个Feature Map通过一种卷积滤波器提取输入的一种特征,每个feature map由多个神经元组成,假如某个feature map的shape是 ...

  7. HDU-6341 Problem J. Let Sudoku Rotate（dfs 剪枝）

    题目:有一个4*4*4*4的数独,每一横每一竖每一个小方块中都无重复的字母,即都为0-9,A-F..有一个已经填好的数独,若干个4*4的方块被逆时针拧转了若干次,问拧转回来至少需要多少次. 分析:很明 ...

  8. 面向对象中的@classonlymethod 与 @classmethod的区别

    如果要使用classonlymethod ,则需要先定义好一个classonlymethod 类. 首先我们需要明白无论是classonlymethod还是classmethod,本质都是一个类,而c ...

  9. C++ GUI Qt4编程(02)-1.2quit

    1. 根据C++ GUI Qt4编程(第二版)整理2. 系统:centos7:  Qt版本:5.5.13. 程序:quit.cpp #include <QApplication> #inc ...

  10. PIE SDK存储格式转换

      1.算法功能简介 影像存储格式转换可以实现栅格数据存储格式的自由转换,其中存储格式可以是 BSQ. BIP. BIL 三种格式. 遥感数字图像数据的存储与分发,通常采用以下三种数据格式: BSQ( ...