当前位置: 首页 > news >正文

html页面c标签替换,HTML常用标签,什么是空标签和可替换标签

空标签

可替换标签

含义:指标签会被替代,例如img标签会被下载的图片替代。

典型的可替换元素有 、 、 和 表单元素,如、 。 某些元素只在一些特殊情况下表现为可替换元素,例如 和 。

常用的HTML标签

iframe

用途很少。它也是一个可替换标签。

作用:嵌套页面

所有属性:iframe

常用属性:

src:要打开的路径。

name:可以通过设置iframe里面a标签的target属性,然后设置一样的name属性值,就可以在iframe中访问a标签里面的链接。

-iframeborder:设置iframe的边框,一般需要写iframeborder="0"。

a

跳转页面(HTTP GET 请求)。

所有属性:a

常用属性:

href:跳转链接。

内容可以为:

无协议链接:直接写//就是无协议的绝对路径,浏览器会根据当前协议,补全无协议链接的协议。应该尽量不使用 file:// 协议预览网页,以免无协议链接出错。

javascript 伪协议:伪协议可以实现「点击之后没有任何动作的 a 标签」,满足一些奇葩需求。

空(""):点击之后页面会刷新。

查询字符串:如"?name=xxx"。

#:页面锚点变成#,页面滚动到顶部。不发起请求,别的都会发起请求。

target:该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。

以下关键字具有特殊的意义:

_self: 当前页面加载。此值是默认的,如果没有指定属性的话。

_blank: 新窗口打开。

_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。

_top: IHTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame。 HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。

download:此属性指示浏览器下载URL而不是导航到URL,因此将提示用户将其保存为本地文件。(如果不想用此方法设置下载,也可以设置http响应的content-type:application/octet-stream)

form(表单)

跳转页面(HTTP POST 请求)。file协议不能post。也可以发送GET请求,一般发POST。

如果form里面没有提交按钮,就无法提交form。

所有属性:form

常用属性

action:一个处理这个form信息的程序所在的URL。

method:指定请求动词。只可以GET和POST,一般用POST。用GET时表单数据会附加在 action 属性的URI中,并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器。数据会暴露在URI里面。而POST表单数据会包含在表单体内然后发送给服务器,也就是请求的第四部分。

target:跟a标签的一样。

如上面代码所示,此时如果输入用户名zql,密码123。

则post请求中的第二部分的Content-Type:application/x-www-form-urlencoded

根据这个类型,会把输入内容显示在第四部分。username=zql&password=123用&符号连接。如果输入的是中文,浏览器会把中文变成Unicode的UTF-8编码,两个字符一对,用%隔开。比如输入用户名你好,密码密码,第四部分会变为username=%E4%BD%A0%E5%A5%BD&password=%E5%AF%86%E7%A0%81。其中【你】的编码就为 E4 BD A0。

input

是一个空标签。

所有属性:input

常见属性:

type:

button:按钮。

checkbox: 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。小技巧:用label标签把input包起来,可以关联文字。

radio:单选框。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中,所有单选按钮的name 属性使用同一个值; 一个单选按钮组中是,同一时间只有一个单选按钮可以被选择。

在form中input的几种特殊情况

如果一个form里面只有一个按钮(标签),它就会自动升级为提交(submit)按钮。

input标签的type必须为submit,才能够提交,如果为button就是一个普通的按钮。

如果给button标签的type属性也设置为button,那么也只是一个普通的按钮。

select

创建选项菜单

所有属性:select

textarea

多行纯文本编辑控件。

所有属性:textarea

table

表示表格数据

所有属性:table

需要注意的一些点:

table的标签顺序是没有关系的,浏览器会按照头、身、脚的顺序来排列。

如果不写tbody,浏览器会自动把内容放在tbody中。会按照写的顺序来展示。

可以在style标签中用border-collapse:collapse来把表格自带的边框合并起来。

相关文章:

  • 响应式编程html,函数式响应式编程 - Functional Reactive Programming-Go语言中文社区
  • 纯html无限级目录树,利用Ajax实现无限级目录树(.NET)[转载]
  • 微型计算机自动化控制专业,你也能考国家电网之自动控制类专业!
  • 计算机与现代教育的英语作文,雅思写作大作文范文:电脑与现代教育
  • 五年级英语短文计算机,有关于计算机的英语短文章
  • h5怎么引入html,在html文件引入其它html文件的几种方法
  • html排行榜代码手机版,移动端前端代码优化丨排名VS体验
  • 计算机应用技术教程试题大一,大一计算机导论期末考试试题模拟试题及答案
  • 嵌入式计算机技术分类,嵌入式系统的分类及应用
  • 初中计算机课程图文混排教案,七年级信息技术教案:图文的混合编排
  • 天津城建大学计算机学院官网,天津城建大学计算机与信息工程学院研究生导师简介-杨振舰...
  • 计算机文化基础的改革,计算机学生论文,关于对计算机文化基础课程改革相关参考文献资料-免费论文范文...
  • 鲁迅美术学院考计算机几级,鲁迅美术学院英语四级考试科目安排2020年上半年...
  • 计算机实验圆述职报告,实验员个人述职报告(三)
  • k3 wise组件服务器安装,金蝶 K3 WISE 中间层组件安装报错!
  • 11111111
  • 2017届校招提前批面试回顾
  • EOS是什么
  • ES10 特性的完整指南
  • Hexo+码云+git快速搭建免费的静态Blog
  • JavaScript实现分页效果
  • js 实现textarea输入字数提示
  • JS字符串转数字方法总结
  • mockjs让前端开发独立于后端
  • Mysql数据库的条件查询语句
  • Spring核心 Bean的高级装配
  • SpriteKit 技巧之添加背景图片
  • VirtualBox 安装过程中出现 Running VMs found 错误的解决过程
  • vue的全局变量和全局拦截请求器
  • 深度学习入门:10门免费线上课程推荐
  • 使用 @font-face
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 小程序 setData 学问多
  • 一个SAP顾问在美国的这些年
  • 一天一个设计模式之JS实现——适配器模式
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • 在Unity中实现一个简单的消息管理器
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • #Z2294. 打印树的直径
  • (4) PIVOT 和 UPIVOT 的使用
  • (solr系列:一)使用tomcat部署solr服务
  • (博弈 sg入门)kiki's game -- hdu -- 2147
  • (含react-draggable库以及相关BUG如何解决)固定在左上方某盒子内(如按钮)添加可拖动功能,使用react hook语法实现
  • (论文阅读30/100)Convolutional Pose Machines
  • (强烈推荐)移动端音视频从零到上手(上)
  • (十)DDRC架构组成、效率Efficiency及功能实现
  • (数据结构)顺序表的定义
  • (转)ORM
  • (转)socket Aio demo
  • ./configure,make,make install的作用(转)
  • .describe() python_Python-Win32com-Excel
  • .htaccess配置重写url引擎
  • .NET CF命令行调试器MDbg入门(三) 进程控制
  • .net core 控制台应用程序读取配置文件app.config