1.下拉列表和下拉框（select标签）

　　winform中的ComboBox和ListBox在HTML中都是<select>标签，使用option标签添加列表中的数据。

格式：

　　<select>
    　　<option>< /option>
　　</select>

属性：   
       size属性设置默认显示的行数，可以将下拉列表变成列表框
       selected=“selected”属性默认选中，multiple=“multiple”属性设置多选。
       select的name属性与option标签的value属性，可放在form标签中，获得name:value格式的数据。

关于value值的设置技巧         
       一般在编程中那个需要处理多个选择的时候，多半使用标志位
                1                1
                2                10
                4                100               进行或运算1|10|100 = 111
                    
 　　将一个数字变成二进制数据，每一个二进制位上是0或1，就可以固定某个位子表示某个特性是否有，如果这个位子为0表示这个特性不存在，如果这个位子为1表示这个特性存在，相比 ?course=1&course=2&course=4的参数传递，?course=111效率更高，更容易处理。

代码演示  

 <select name="course" size="3" multiple="multiple" >
     <option value="1">语文</option>
     <option value="2">数学</option>
     <option value="4">英语</option>
     <option value="8" selected="selected">物理</option>
 </select>

2.meta标签（了解）

　　meta标签包含在head标签中，meta有两种用法指定name属性（设置页面摘要，关键字，便于搜索引擎的优化）和指定http-equiv属性。

代码示例

 <meta name="keywords" content="新闻,娱乐,八卦"/>
 <meta name="description" content="中国最全的八卦新闻"/>
 <meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />指定网页编码
 <meta http-equiv=“Refresh” content=“3” /> 三秒钟后刷新此网页。
 <meta http-equiv=“Refresh” content=“3;url=http://www.rupeng.com” /> 三秒钟后重定向到新网页。发帖成功后提示“发帖成功，即将转向帖子查看页面”。
 <meta http-equiv="Cache-Control" content="no-cache" /> 禁止浏览器缓存页面。

3.分区标签

　　分区标签的功能是圈定内容，将需要处理的内容打包分组，便于统一处理和管理（主要用于css控制），分为span和div两种标签。

　　span    行内的标签，属于行内元素，不会影响整个页面
      div       行间的标签，属于块级元素，会占用一整行，影响页面的布局

代码演示

 <html>
     <head>
         <title></title>
         <style type="text/css">
         </style>
         <script type="text/javascript">
         </script>
     </head>
     <body>
         123<span>456</span>7890<br />
         123<div>456</div>7890<br />
     </body>
 </html>

效果如下

4.帧标签

　　帧标签的作用是将页面分块布局(框架直接属于html)，分为frameset和iframe两种。（因容易遭到注漏洞攻击和不利于搜索引擎优化，不建议采用）
基本语法
　　<frameset cols=“30%, *” rows=“”>
    　　<frame src=“URL” noresize=“noresize”/>
    　　<noframes><body></body></noframes>
　　</frameset>

示例

　<frameset cols="30%,*">
    　　<frame src="1.htm" />
    　　<frame src="2.htm" name="content" />
　</frameset>

将两个html页面结合到同一个页面，将其中一个frame标签设置name属性为content，则页面的跳转变化只在当前frame中展示。

内联框架
　　格式<iframe src=“URL”></iframe>，在当前页面的iframe标签的位置嵌入另一个页面。

HTML之学习笔记（十一）其它标签的更多相关文章

  1. HTML+CSS学习笔记(4) - 认识标签（3）

    HTML+CSS学习笔记(4) - 认识标签(3) 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这 ...

  2. HTML+CSS学习笔记(2) - 认识标签（1）

    HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 标签的用途: 我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每 ...

  3. python3.4学习笔记(十一) 列表、数组实例

    python3.4学习笔记(十一) 列表.数组实例 #python列表,数组类型要相同,python不需要指定数据类型,可以把各种类型打包进去#python列表可以包含整数,浮点数,字符串,对象#创建 ...

  4. Go语言学习笔记十一： 切片（slice）

    Go语言学习笔记十一: 切片(slice) 切片这个概念我是从python语言中学到的,当时感觉这个东西真的比较好用.不像java语言写起来就比较繁琐.不过我觉得未来java语法也会支持的. 定义切片 ...

  5. Html学习笔记(二) 简单标签

    标签的重点 标签的用途 标签在浏览器中的默认样式 <body>标签: 在网页上显示的内容 <p>标签: 添加段落 <hx>标签: 添加标题 标签一共有6个,h1.h ...

  6. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  7. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  9. SharpGL学习笔记(十一) 光源创建的综合例子：光源参数可调节的测试场景

    灯光的测试例子:光源参数可以调节的测试场景 先看一下测试场景和效果. 场景中可以切换视图, 以方便观察三维体和灯光的位置.环境光,漫射光,镜面反射光都可以在四种颜色间切换. 灯光位置和摄像机位置(Lo ...

  10. 重温JSP学习笔记--JSP动作标签

    上一篇笔记写的是jsp的三个指令九个内置对象,这篇随笔开始写jsp的动作标签,动作标签是由服务器(Tomcat)来解释执行,与java代码一样,都是在服务器端执行的,jsp动作标签有十几多个,这里只写 ...

随机推荐

  1. HDOJ1166 敌兵布阵

    赤裸裸的线段树,借个模板,改写一下即可. 代码: #include<iostream> #include<cstdio> #include<stdio.h> #in ...

  2. Python实现CGI环境

    要想安装Python的CGI环境,就继续往下看吧. 首先,要确定apache服务可以使用CGI服务. 打开apache的配置文件,设置如图. 在启动的apache服务的系统目录下,创建目录如/User ...

  3. Web前端性能优化——高频触发事件的防抖

    JS 提供了行为层的支持,为用户提供了交互的操作性. 然而,部分事件却常常有意无意的被频繁触发.比方浏览器窗体的 resize 事件.某个元素的 mouseover 事件,假设处理触发事件的回调函数过 ...

  4. sql server 存储过程、事务，增删改

    CREATE procedure [dbo].[sp_TableSave] @TypeID tinyint, -- 0 新增,1 修改,2 删除 @ID int, ), ), ), @UID int, ...

  5. Excal数据转化成Asset数据文件

    我们知道,在Unity当中的文件都可以称之为Asset文件,在项目开发当中需要把数据读取来之后存放起来,而有的数据是不可以改变的,今天就来写一个demo处理一下这些数据,在这里就不写读取Excal数据 ...

  6. IOS优秀博客

    链接地址:http://www.cnblogs.com/keithmoring/p/4155264.html 剑心的博客信息量很大,适合查阅和入门,学习完,你差不多就可以出山了,还有作为复习IOS的一 ...

  7. OpenCV学习(1) OpenCV的安装

    前沿 准备了好几天,终于开始了,不管怎样,接下来的这个月一定把这本书很好的啃下来.当然OpenCV可以在很多的IDE下安装与配置,我这里就只在VS2010和VC6.0下安装配置了,当然这篇博文主要讲在 ...

  8. leetcode Single Number python

    #question : Given an array of integers, every element appears twice except for one. Find that single ...

  9. leetcode Generate Parentheses python

    # 解题思路:列举出所有合法的括号匹配,使用dfs.如果左括号的数量大于右括号的数量的话,就不能产生合法的括号匹配class Solution(object): def generateParenth ...

  10. attempting to bokeyaunrun eclipse useing the jre instead of jdk,to run eclipse using

    关于eclipse运行出现,attempting to bokeyaunrun eclipse useing the jre instead of jdk,to run eclipse using错误 ...