一、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. Linux环境下jdk、tomcat、redis安装及配置

    环境说明: linux : centOS jdk : 1.8 tomcat : 8.5 redis : 4.0 jdk安装配置 1.下载jdk(这里下载的是jdk-8u181-linux-x64.ta ...

  2. 题解 P2863 【[USACO06JAN]牛的舞会The Cow Prom】

    题目链接 赤裸裸的板子,就加一个特判就行.直接上代码 #include<stdio.h> #include<algorithm> #include<iostream> ...

  3. 【hadoop】 running beyond virtual memory错误原因及解决办法

    问题描述: 在hadoop中运行应用,出现了running beyond virtual memory错误.提示如下: Container [pid=28920,containerID=contain ...

  4. Python3之时间模块time & datetime & calendar

    一. 简介 python 提供很多方式处理日期与时间,转换日期格式是一个常见的功能. 时间元组:很多python函数用一个元组装起来的9组数字处理时间. python中时间日期格式化符号: %y 两位 ...

  5. python创建shape

    import shapefile import json import os #shapefile="polygon.shp"; #jsonfile="社区网格.json ...

  6. mysql 5.7.22 解压缩安装

    1.下载地址:https://dev.mysql.com/downloads/mysql/5.7.html#downloads 直接点击下载项 下载后: 2.可以把解压的内容随便放到一个目录,我的是如 ...

  7. C++_IO与文件5-文件的输入与输出

    大多数计算机程序都使用了文件.文件本身是存储在某种设备上的一系列字节. 通常,操作系统管理文件,跟踪它们的位置.大小.创建时间等. 除非在操作系统级别上编程,否则通常不必担心这些事情. 真正需要的是将 ...

  8. HDU - 1085 母函数

    年轻人的第一道母函数入门题 #include<bits/stdc++.h> using namespace std; const int maxn = 1000+2000+5000+1; ...

  9. 计算hashCode通用计算公式

    1.java计算公式 @Override public int hashCode() { //设置初始值 ; //假设有效域为: name,age,idCardNo,incomeAnnual,sex, ...

  10. 编辑距离及编辑距离算法(求字符的相似度) js版

    编辑距离概念描述: 编辑距离,又称Levenshtein距离,是指两个字串之间,由一个转成另一个所需的最少编辑操作次数.许可的编辑操作包括将一个字符替换成另一个字符,插入一个字符,删除一个字符. 例如 ...