web前端html实例-optgroup标签的用法介绍

此标签可能使用频率并不是太高，但是对于组织数据还是大有用处的，一般要和select标签配合使用，看一段代码实例一切就都明白了，代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端学习扣qun：731771211  每日分享技术，学术交流</title>
</head>
<body>
<div>
  <select>
    <optgroup label="前台专区">
    <option value ="1">html专区</option>
    <option value ="2">div+css专区</option>
    </optgroup>
    <optgroup label="程序专区">
    <option value ="3">asp专区</option>
    <option value ="4">php专区</option>
    </optgroup>
  </select>
</div>
</body>
</html>

原文地址：https://blog.51cto.com/14284898/2390051

时间： 2024-10-07 10:35:28

web前端html实例-optgroup标签的用法介绍的相关文章

optgroup标签的用法介绍

optgroup标签的用法介绍:此标签可能使用频率并不是太高,但是对于组织数据还是大有用处的,一般要和select标签配合使用,看一段代码实例一切就都明白了,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" />

web前端html实例-多个div在同一行以相同间隔分布

这样的布局效果使用非常的频繁,也就是让多个div在一行分布,并且div于div之间的间隙是一样的. 多用在对于产品的展示之用,下面就介绍一下如何实现此中布局. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /&

自带的select下拉菜单美观度实在不怎么样,并且不容易美化,当然我们可以模拟实现select下拉菜单,但是代码稍显复杂,不过也可以通过简单的CSS实现此效果,下面通过实例简单作一下介绍. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.

web前端html实例-点击相文字选中和取消选中checkbox复选框

checkbox复选框大家应该不会陌生,点击此元素可以实现选中或者取消效果. 下面介绍一种更为人性化的措施,点击指定相关内容即可以实现选中和取消选中效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" />

web前端（6）—— 标签的属性，分类，嵌套

属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中 1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序. 2.属性值要用引号包裹起来,通常使用双引号也可以单引号. 3.属性和属性值不区分大小写,但是推荐使用小写. 为什么html会有属性呢? 这个举个生活中的例子,你要在茫茫人海中找到你的女神,你依据什么来找呢?肯定依据她身上的某个特征来找对吧?这个特征换个词就是属性,她特有的属性,其他人没有的对吧?比如她今天穿的紫色长

web前端中实现多标签页切换的效果

在这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab"> <li id="tab1" onclick="show(1)">10元套餐</li> <li id="tab2" oncli

web 前端规范实例

<!DOCTYPE html> <html> <head> <title>tmall</title>  <meta name="keywords" content="keyword1,keyword2,keyword3">  <meta name="description"

Web前端开发——HTML基本标签

标题h1-h6 只有h1到h6,没有h7. 一个页面建议只有一个h1 普通文字大小大约介于h3~h4 段落p 段内换行br 段内分组span 预留格式pre 水平线hr 原文地址:https://www.cnblogs.com/lfri/p/11109225.html

web前端开发中的浏览器兼容性总结

1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象:但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候,则需要在div块的