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. rdlc部署zt

    原文:rdlc部署zt 偶然间遇到“ 未能加载文件或程序集microsoft.reportviewer.winforms ……”的一个错误,以前web是遇到过,没想到winform部署也会遇到.找了半 ...

  2. C语言的本质（4）——浮点数的本质与运算

    C语言的本质(4)--浮点数的本质与运算 C语言规定了3种浮点数,float型.double型和long double型,其中float型占4个字节,double型占8个字节,longdouble型长 ...

  3. [11-2] adaboost理解

    以二分类问题为例({-1,+1}) adaboost步骤: 1.初始化u1=(1/N,1/N,-,1/N) 2.找到h,使最小化,记该h为g:计算作为该g的权重 3.更新ui: 4.重复2,3得到T个 ...

  4. SDUT OJ 2783 小P寻宝记

    #include<iostream> #include<memory.h> #define N 10020 using namespace std; int dp[N],pi[ ...

  5. Linux mint 17中文输入法安装，改动linux mint与windows7双系统启动顺序

    安装好linux mint17后,进入mint系统,首先须要一个比較合适的中文输入法. 一.首先迎来的就是安装中文输入法了,之前听说搜狗为ubuntu kinly定制了输入法,所以就想安装搜狗输入法, ...

  6. jquery第四期：对象转换的小实例

    为了更清晰的看懂jquery对象是一个数组,我们这一期来改变每一个<li>中的值,在前面加上序号. 代码如下: <!DOCTYPE html PUBLIC "-//W3C/ ...

  7. 两种Makefile

    .PHONY:clean CC=g++ CFLAGS=-Wall -g BIN=test_queue OBJS=Queue.o test_main.o $(BIN):$(OBJS) $(CC) $(C ...

  8. 制作与使用静态链接库（.lib）文件

    (一)制作.lib文件 (1)打开vs,选择“新建项目”,选择“Visual C++“,选择”Win32 控制台应用程序“. (2)点击”确定“,点击”下一步“,设置如下 (3)点击”完成“,然后就可 ...

  9. mysql函数操作(5)

    <?php try{ $dbh = new PDO('mysql:dbname=testdb;host=localhost', 'mysql_user', 'mysql_pwd'); }catc ...

  10. php中如何输出当前服务器的（中国）当前时间

    date_default_timezone_set('PRC');//PRC是什么?PRC是中华人民共和国啊-_- echo "今天是".date("Y年m月d日&quo ...