一、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. servlet 核心技术

    servlet 核心技术 servlet 生命周期 在 servlet 生命周期中,servlet 容器完成加载 servlet 类和实例化一个 servlet 实例,并通过3个方法来完成生命周期中的 ...

  2. 洛谷P4015 运输问题(费用流)

    传送门 源点向仓库连费用$0$,流量为储量的边,商店向汇点连费用$0$,流量为需求的边,然后仓库向商店连流量$inf$,费用对应的边,跑个费用流即可 //minamoto #include<io ...

  3. jquery图片切换

    图片的切换主要用的知识点事JavaScript和jquery,只要掌握着二种,基本可以写出图片切换效果,如果要好看点的特效,那就到网上找一个插件吧,我自己也是学后端的,偶尔也写一下前段, 我没有专业写 ...

  4. Spark大数据处理 之 从WordCount看Spark大数据处理的核心机制(1)

    大数据处理肯定是分布式的了,那就面临着几个核心问题:可扩展性,负载均衡,容错处理.Spark是如何处理这些问题的呢?接着上一篇的"动手写WordCount",今天要做的就是透过这个 ...

  5. 搭建Jenkins--(用于个人学习持续集成)

    ###1.安装java 完成后输入java -version,出现版本信息 输入 javac, 会出现 说明,JDK  和 JRE 安装正确 ###2.安装tomcat 1.下载Tomcat wind ...

  6. Ubuntu16.04安装openBLAS

    基本步骤: git clone git://github.com/xianyi/OpenBLAS cd OpenBLAS sudo apt-get install gfortran sudo make ...

  7. 《Java并发编程实战》第十章 避免活跃性危急 读书笔记

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/love_world_/article/details/27635333 一.死锁 所谓死锁: 是指两 ...

  8. springboot整合mybatis,redis,代码(一)

    一 搭建项目,代码工程结构 使用idea或者sts构建springboot项目 二  数据库sql语句 SQLyog Ultimate v12.08 (64 bit) MySQL - 5.7.14-l ...

  9. 14. 异步加载Js的方式有哪些?

    我们都知道渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染,如下: <script type="text/javascript" src=". ...

  10. (转)博弈 SG函数

    此文为以下博客做的摘要: https://blog.csdn.net/strangedbly/article/details/51137432 ---------------------------- ...