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. oracle的常见问题与解决

    刚接触oracle,在学习过程中遇到了很多的问题,本文章将会收藏我遇到的问题及如何解决. 错误一:ORA-28009:connection as sys should be as sysdba解决方法 ...

  2. Ajax学习教程在线阅读

      1.什么是AJAX ?(1) 2.什么是AJAX ?(2) 3.什么是AJAX ?(3) 4.什么是AJAX ?(4) 5.Ajax基础教程(1)-Ajax简介 1.1 Web应用简史 6.Aja ...

  3. poj 1007 纯水题 排序

    #include<stdio.h> #include<string.h> #include<algorithm> #include<stdlib.h> ...

  4. JavaScript引用类型之RegExp类型(正则表达式)

    ECMAScript中使用RegExp来支持正则表达式.使用下面类似Perl的语法,就可以创建一个正则表达式. var expression=/pattern/flags; 如上代码: pattern ...

  5. C++, const：

            问题: const成员函数和普通成员函数可以是同名同参数吗? 可以,这是一种函数的重载. const成员函数可不可以修改对象的成员变量的值? 不可以修改.//error C3490: ...

  6. Linux学习之telnet命令

    telnet命令通常用来远程登录,telnet程序是基于TELNET协议的远程登录客户端程序,Telnet协议是TCP/IP协议族中的一员,是Internet远程登陆服务的标准协议和主要方式,它为用户 ...

  7. jQuery1.9.1针对checkbox的调整

    在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下: 判断是否选中 $('#checkbox').prop('checked') 设置选中与不选中状态: $('#che ...

  8. org.gradle.process.internal.ExecException:

    com.android.ide.common.process.ProcessException: org.gradle.process.internal.ExecException: Process ...

  9. PowerShell入门（一）：PowerShell能干什么？

    原文链接:http://www.cnblogs.com/ceachy/archive/2013/01/30/WhatCanPowerShellDo.html PowerShell能干什么呢?就像序言中 ...

  10. 学习iOS开发的前言

    一.什么是iOS 要想学习iOS开发,首先要搞清楚什么是iOS.iOS其实是一款操作系统,就像平时我们在电脑上用的XP.Win7,都是操作系统. 那什么是操作系统呢?操作系统其实是一种软件,是直接运行 ...