(三)HTML中的列表标签、框架集及表单标签
一、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中的列表标签、框架集及表单标签的更多相关文章
- 第三百一十一节,Django框架,Form表单验证
第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...
- 【HTML】--- 列表、表格、form表单标签
Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...
- day 31 表单标签,CSS
一. HTML表单标签 HTML表单用于搜集不同类型的用户输入,然后把数据提交给服务器处理. 常用的表单标签: 标签 作用 form 所有表单标签的根标签 input 输入标签,包括单行输入框.密码框 ...
- SpringMVC 表单标签 & 处理静态资源
使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签 一般情况下,通过 ...
- Spring MVC---数据绑定和表单标签
数据绑定和表单标签 数据绑定 数据绑定是将用户输入绑定到领域模型的一种特性,在Spring MVC的controller和view数据传递 ...
- struts2:表单标签续(datetimepicker标签)
18. datetimepicker标签 18.1 拷贝JAR包 在struts-2.x.x压缩包的lib目录中拷贝struts2-dojo-plugin-2.3.8.jar到WEB-INF/lib目 ...
- python 全栈开发,Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...
- 前端基础-html 列表标签,表格标签,表单标签
一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...
- Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...
随机推荐
- servlet 核心技术
servlet 核心技术 servlet 生命周期 在 servlet 生命周期中,servlet 容器完成加载 servlet 类和实例化一个 servlet 实例,并通过3个方法来完成生命周期中的 ...
- 洛谷P4015 运输问题(费用流)
传送门 源点向仓库连费用$0$,流量为储量的边,商店向汇点连费用$0$,流量为需求的边,然后仓库向商店连流量$inf$,费用对应的边,跑个费用流即可 //minamoto #include<io ...
- jquery图片切换
图片的切换主要用的知识点事JavaScript和jquery,只要掌握着二种,基本可以写出图片切换效果,如果要好看点的特效,那就到网上找一个插件吧,我自己也是学后端的,偶尔也写一下前段, 我没有专业写 ...
- Spark大数据处理 之 从WordCount看Spark大数据处理的核心机制(1)
大数据处理肯定是分布式的了,那就面临着几个核心问题:可扩展性,负载均衡,容错处理.Spark是如何处理这些问题的呢?接着上一篇的"动手写WordCount",今天要做的就是透过这个 ...
- 搭建Jenkins--(用于个人学习持续集成)
###1.安装java 完成后输入java -version,出现版本信息 输入 javac, 会出现 说明,JDK 和 JRE 安装正确 ###2.安装tomcat 1.下载Tomcat wind ...
- Ubuntu16.04安装openBLAS
基本步骤: git clone git://github.com/xianyi/OpenBLAS cd OpenBLAS sudo apt-get install gfortran sudo make ...
- 《Java并发编程实战》第十章 避免活跃性危急 读书笔记
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/love_world_/article/details/27635333 一.死锁 所谓死锁: 是指两 ...
- springboot整合mybatis,redis,代码(一)
一 搭建项目,代码工程结构 使用idea或者sts构建springboot项目 二 数据库sql语句 SQLyog Ultimate v12.08 (64 bit) MySQL - 5.7.14-l ...
- 14. 异步加载Js的方式有哪些?
我们都知道渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染,如下: <script type="text/javascript" src=". ...
- (转)博弈 SG函数
此文为以下博客做的摘要: https://blog.csdn.net/strangedbly/article/details/51137432 ---------------------------- ...