html之filedset标签

fieldset 元素可将表单内的相关元素分组,当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单来处理这些元素. legend:为fieldset元素定义标题. 可选属性: disabled:禁用fieldset form:fieldset所属的一个或多个表单 name:fieldset的名称示例代码: <body> <fieldset> <legend>性别比例表…

重新走过HTML，那些让我amazing 的标签

这一次我用了短暂的时间重新梳理了html的标签(包括html5 新增),发现我以前忽略了很多又轻巧又精美且实用的标签,总结如下: 格式标签: <address> 标签: 定义文档或文章的作者/拥有者的联系信息.元素中的文本通常呈现为斜体,大多数浏览器会在 address 元素前后添加折行. 提示:<address> 元素通常连同其他信息被包含在 <footer> 元素中. 注意:<address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分. &l…

html_表单

一.表单框架简介表单是提供让读者在网页上输入,勾选和选取数据,以便提交给服务器数据库的工具.(用于将信息提交给服务器) <form>...</form>标记作用:用于创建一个表单,定义表单的开始和结束,他是一个容器,用于包含其他表单元素,比如文本框,单选框等.表单元素必须在form标记内才有效属性: action=url(传送的目标,处理表单信息的服务器端应用程序) method=处理表单数据的方法(POST/GET(默认)) 注:POST方法可以传递大量的数据:GET方法将…

python学习之路前端-HTML

HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户!(例:djangomoan模版引擎) HTML文档我们通过文档树来说明HTML文档是由哪些元素组成的一.初识HTML 在PyCharm中我们新建一个HTML文件,默认情况下会生成如下的代码: <!DOC…

bootstrap 表单元素、按钮、链接的禁用

在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮.链接需要加入class="disabled" 可以禁用链接. 文本框的禁用:<input class="form-control" id="disabledInput" type="text" placeholder="该输入框禁止输入..."…

Python自学day-14

一.默认创建的HTML5文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 标签:一对尖括号包含的东西叫标签,例如<html></html>.…

HTML——filedset和legend标签

1.<filedset>定义围绕表单中元素的边框. 2.legend 元素表示作为 legend 元素的父元素的 fieldset 元素的其余内容的标题(caption). 使用案例: <form id="form" action="#" method="post"><fieldset><legend>留言本</legend><label for="contactus&q…

HTML5标签嵌套规则

× 目录 [1]分类 [2]子元素 [3]总结前面的话在html5中,<a>元素的子元素可以是块级元素,这在以前是被认为不符合规则的.本文将详细介绍html5的标签嵌套规则分类 html5出现之前,经常把元素按照block.inline.inline-block来区分.在html5中,元素不再按照display属性来区分,而是按照内容模型来区分,分为元数据型(metadata content).区块型(sectioning content).标题型(heading content).文档…

HTML5基本标签、样式

感觉在Sublime Text3中写起来比较方便~~ 将HTML5中要用到的基本标签全部放在了一起,没有好好的整理,为了自己记忆的方便,就先这样写下来了~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>All Base knowledge</title> <link rel="styl…

web@HTML重要标签详介绍.

1.table标签<table border="1px " rules="groups" cellpadding="5px" cellspacing="5px" bgcolor="blue">//边框规则,设置后会合并边框(cellspacing失效)rules: all groups cols; <caption align="top">表1</capti…

HTML常用标签3

1.<a>标签,是内联标签 href:需要跳转的网址 2.id属性: 相当于一个身份证例如: 设置id属性 3.列表标签 <ul>: 无序列表 [type属性:disc(实心圆点)(默认).circle(空心圆圈).square(实心方块)] <ol>: 有序列表 <li>:列表中的每一项. <dl> 定义列表 <dt> 列表标题 <dd> 列表项 4.表格标签表格是一个二维数据空间,一个表格由若干行组成,一个行…

前端开发HTML5——表单标签

表单简介 Form表单主要用于用户与Web应用程序进行数据的交互,它允许用户将数据发给web应用程序,网页也可以拦截数据的发送以便自己使用.form通常由一到多个表单元素组成,这些表单元素是单行/多行文本框,下拉菜单,按钮,复选框,单选按钮,时间表单元素时一般要配合label标签,用于描述其目的.其可用属性如下. action 用于处理表单信息的应用程序的地址. method 浏览器用来提交表单的HTTP方法. get 对应于Http协议的GET方法,表单数据被附加在uri上,…

a标签点击跳转失效--IE6、7的奇葩bug

一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何响应. 出现这个bug的条件是:1.a标签下包含div这样的块元素 2.块元素必须设置width和height属性值 3.该块元素下包含img 解决方法:改结构或者让三个条件的某一个失效就可以了 2015-05-22 补充 1.就算将a标签设置为display:block;也同样失效 2.只要不在i…

IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法

直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字体的属性,所以也就出现“多余占位”的bug. 解决方法: 一.让html标签相接输出.例如:<div></div>. ——太过麻烦,代码也不规则,不好维护. 二.设置font-size:0; ——不能完美fix~ 二.使用注释符.例如:<div>…

百度MIP页规范详解 —— canonical标签

百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误这个标签怎么写?又是干什么用的呢? 简单来说,canonical标签用于关联原页面和MIP页,保证MIP页继承原页面权重,在移动搜索时优先展现MIP页.Canonical标签是MIP页连接外界的重要桥梁,不写或写错会导致MIP页不能和原页面产生联系,导致权重丢失,MIP页不展现. 0. "原页面&qu…

【CSS进阶】伪元素的妙用--单标签之美

最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值得一看).采用单标签完成各种图案,许多图案与本文有关. 也希望觉得不错的同学顺手在我的 Github 点个 star : CSS3奇思妙想 . 正文从这里开始,本文主要讲述一下伪元素 before 和 after 各种妙用. :before和::before的区别在介绍具体用法之前,简单介绍下伪类和…

TODO：Laravel 使用blade标签布局页面

TODO:Laravel 使用blade标签布局页面本文主要介绍Laravel的标签使用,统一布局页面.主要用到到标签有@yield,@ stack,@extends,@section,@stop,@push.使代码精简.提高页面下载速度.表现和内容相分离.站在开发者的角度看,web页面都可以提取相同的内容进行分离,让每个页面代码尽显主题内容,简洁明快,干扰信息少. 1. Laravel的blade标签代码格式是"命名.blade.php",这样是不是很简洁. 2. 创建统一布局风格…

css-父标签中的子标签默认位置

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width: 100px; height: 100px; background: red; position: relative; top: 40px; left: 50px; padding: 30px; } .b{ width: 50px;…

xpath提取多个标签下的text

title: xpath提取多个标签下的text author: 青南 date: 2015-01-17 16:01:07 categories: [Python] tags: [xpath,Python,xml,scrapy] --- 本文首发在http://kingname.info 在写爬虫的时候,经常会使用xpath进行数据的提取,对于如下的代码: <div id="test1">大家好!</div> 使用xpath提取是非常方便的.假设网页的源代码在s…

多个Img标签之间的间隙处理方法

1.多个标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" heig…

html5标签canvas函数drawImage使用方法

html5中标签canvas,函数drawImage(): 使用drawImage()方法绘制图像.绘图环境提供了该方法的三个不同版本.参数传递三种形式: drawImage(image,x,y):在canvas中(x,y)处绘制图片. drawImage(image,x,y,width,height):在canvas中(x,y)处绘制图片,并将其缩放到指定的宽度和高度. drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,x,y,w…

NET Core-TagHelper实现分页标签

这里将要和大家分享的是学习总结使用TagHelper实现分页标签,之前分享过一篇使用HtmlHelper扩展了一个分页写法地址可以点击这里http://www.cnblogs.com/wangrudong003/p/5607743.html,今天分享的是net core的另外一种能写分页标签的方法具体是继承TagHelper,如下将讲述实现一个简单分页和总要注意步奏. 1.继承父类TagHelper并重写Process方法(这里还有一个异步的方法ProcessAsync各位可以自己尝试下) 2.…