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. Android开发之发送邮件功能的实现（源代码分享）

    Android开发中可能会碰到如何发送邮件的困扰,之前我也查了相关的文档,博友们也分享了不少的发送邮件的办法,总共有3种把,我仔细阅读了下,发现有的讲的太过复杂跟麻烦,不够清晰,我今天就来分享下我认为 ...

  2. [Leetcode][Python]40: Combination Sum II

    # -*- coding: utf8 -*-'''__author__ = 'dabay.wang@gmail.com' 40: Combination Sum IIhttps://oj.leetco ...

  3. MyGui笔记（1）建立第一个工程

    记录下学习 MyGui的一些笔记,从建立第一个工程开始. 步骤: 1.右键MYGUI解决方案,添加→新建项目,选择“Win32 项目”,名称为:TestHello.下一步,勾选“空项目”. 2.设置工 ...

  4. Linux Makefile文件编写详细步骤与实践

    Linux Makefile文件编写详细步骤与实践 1.makefile概述 Windows环境下IDE会帮你完成makefile文件的编写,但在UNIX环境下你就必须自己写makefile了,会不会 ...

  5. 一封在JSP课程结束之后给学生的信

    <JSP应用程序设计>这门课终于考完了,虽然题目有点难,但我看大部分同学考的还可以,算上平时成绩应该都能拿到一个满意的分数. 再次感谢大家一个学期来对我的支持,跟大家一起的这个学期很开心, ...

  6. 如风一样，飞翔------Day37

    我一直都觉得自己是个反应没有那么敏锐的人,而不幸的是其实也是,所以,在菜鸟的头衔上,我不得不再背负上一个笨鸟的"光芒".我不苛求一飞冲天的传奇,却也有着不甘寂寞的激昂,我选择先飞, ...

  7. JavaScript字符串插入、删除、替换函数

    JavaScript字符串插入.删除.替换函数 说明: 以下函数中前两个函数取出查找字符串的前一部分和后一部分,以用于其他函数.注意,调用一次 replaceString(mainStr,search ...

  8. easyui的样式easyui-textbox的一个bug

    easyui-testbox这个样式很恶心,用了这个就不能用传统的JQ来取值了,最近在使用上又发现了一个问题,就是赋值为0时,在输入框上会不显示,坑. <input class="ea ...

  9. Gulp思维——Gulp高级技巧

    本文翻译自Getting gulpy -- Advanced tips for using gulp.js 感受过gulp.js带来的兴奋过后,你需要的不仅仅是它的光鲜,而是切切实实的实例.这篇文章讨 ...

  10. zen-Coding的使用

    zen-Coding的使用 zen-Coding的使用需要掌握CSS和HTML相关知识.其实只要对CSS的选择器比较熟悉,就可以得用简短的类似于CSS选择器的代码高效的编写出HTML代码.打开Note ...