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. 14.2.3 InnoDB Redo Log

    14.2.3 InnoDB Redo Log 14.2.3.1 Group Commit for Redo Log Flushing redo log 是一个基于磁盘数据结构的用于在crash 恢复正 ...

  2. aix5.1 5.2 5.3 6.1 7.1运维技术总结

    ++++++++++++++++++++++++++++ + Ruiy 20014-10 zz + +Technology Area; + Tel:150 55198367 + QQ:5160 591 ...

  3. Hadoop-Yarn-HA集群搭建（搭建篇）

    1.前提条件 我学习过程是一块一块深入的,在把hdfs基本弄懂以及HA成功的情况开始尝试搭建yarn的,建议在搭建前先去看一下转载的原理篇,懂了原理后搭建会很快的,再次强调一下hdfs我默认已经搭建成 ...

  4. iOS_根据文字字数动态确定Label宽高

    iOS7中用以下方法 CGSize 替代过时的iOS6中的- (CGSize)sizeWithFont:(UIFont *)font 方法 // iOS7_API_根据文字 字数动态确定Label宽高 ...

  5. 迷宫寻宝（一）(bfs)

    迷宫寻宝(一) 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 一个叫ACM的寻宝者找到了一个藏宝图,它根据藏宝图找到了一个迷宫,这是一个很特别的迷宫,迷宫里有N个编 ...

  6. Android设计中的.9.png

    在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”.这种图片是用于Android开发的一种特殊的图片格式,它的 ...

  7. vue+webpack一些知识

    使用mac的用户需要获取权限才可以使用npm install指令 设置node目录的权限指令 sudo chmod -R 777 /usr/local/lib/node_modules/ 大家都知道国 ...

  8. C# foreach获取集合元素索引的坑

    ,}; foreach(var prepareId in prepareIds) { Console.WriteLine(prepareIds.IndexOf(prepareId)); } 执行结果如 ...

  9. Android入门——UI(8)——Fragment(2)

    先演示一下如何在一个activity中放置两个Fragment,先定义两个Fragment <?xml version="1.0" encoding="utf-8& ...

  10. jquery 浏览器放大缩小函数resize

    <script> $(function(){ $(window).resize(function(){ var _height = $(window).height(); var _con ...