(三)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 ...
随机推荐
- Navicat premium连不上Oracle的问题解决
1.ORA-28547: 这是因为oci.dll版本不对.Navicat本地的OCI版本与Oracle服务器服务器不符造成的. 或者 打开Navicat premium客户端:Tool->Opt ...
- soapui
webservice 的请求可使用工具:soapui 天气预报的接口地址:http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsd ...
- BUAA_OO_电梯系列
电梯作业 第一次作业和第二次作业 由于我第一次作业给傻瓜电梯写了捎带所以第一次第二次作业差不多 电梯运行一个线程Elevator,输入控制一个线程Call 一个物理电梯控制表可以完成移动和进出人功能, ...
- 【离散数学】 SDUT OJ 1.3按位AND和按位OR
1.3按位AND和按位OR Time Limit: 1000 ms Memory Limit: 65536 KiB Submit Statistic Problem Description 已知长度为 ...
- count distinct 组合使用
SELECT COUNT(DISTINCT Lbox_Sn) FROM Tab_History_Info
- 把display 属性改为block样式变化问题
可能的值 值 描述 none 此元素不会被显示. block 此元素将显示为块级元素,此元素前后会带有换行符. inline 默认.此元素会被显示为内联元素,元素前后没有换行符. inline-blo ...
- 队列 和 堆栈用python 来实现
一.利用python列表实现堆栈和队列 堆栈: 堆栈是一个后进先出的数据结构,其工作方式就像生活中常见到的直梯,先进去的人肯定是最后出. 我们可以设置一个类,用列表来存放栈中的元素的信息,利用列表的a ...
- 将多个单元格内容连接到一个单元格中(EXCEL)
连接符号:& 如下图,我们要将表格中每名员工的姓名.入职时间以及年龄放入到同一个单元格中,形成以“-”连接的形式. 这时我们要用到Excel中的连接符“&”,也就是在按下Shift+数 ...
- UVA - 10589 构造最优化函数 DP好题
题意:给定一个图,节点可以放灯,要求用最少的灯覆盖所有的边(每盏灯能覆盖该节点邻接的边),满足条件的同时求该前提下尽量多的被两盏灯照亮的边数 条件二转化为求尽量少的被一盏灯照亮的边数,两个条件都是求m ...
- java 上传文件到 ftp 服务器
1. java 上传文件到 ftp 服务器 package com.taotao.common.utils; import java.io.File; import java.io.FileInpu ...