常见的HTML虚元素

最新推荐文章于 2021-06-16 23:00:25 发布
最新推荐文章于 2021-06-16 23:00:25 发布
阅读量530 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/yan-ck/p/4999560.html
版权

空HTML元素是没有内容的 HTML 元素

1.<br/>：标签定义换行。可以使行内元素换行等。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<a href="http://www.baidu.com" title="title属性的意义" target="_blank">百度一下，你就知道</a>
<a href="http://www.baidu.com" title="title属性的意义" target="_blank">百度一下，你就知道</a>
<br/>
<a href="http://www.baidu.com" title="title属性的意义" target="_blank">百度一下，你就知道</a>
</body>
</html>

 运行代码<br/>使行内元素<a>换行。

2.<hr/>：定义水平线标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<p>一些文一些文本一些文本一些文本一些文本一些文本一些文本一些文本本</p>
<hr/>
<p>一些文一些文本一些文本一些文本一些文本一些文本一些文本一些文本本</p>
</body>
</html>

运行代码，<hr/>标签在段落下方产生一条横线。

3.<img/>：添加一张图片，不在多说

4.<meta/>:用来描述文档的关键字作者、定义重新刷新页面的时间和链接等信息

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="5;URL=http://www.baidu.com" />
<meta name="keywords" content="百度、自学" />
<meta name="description" content="非固定杆方式" />
<base href="" target="_blank" />

<!--<meta name="description" content="空网页" />
 -->
<title>无标题文档</title>
</head>

<body>
刷新到百度
</body>
</html>

运行代码，直接刷新到百度。

5.<input/>:一般用在表单中，用于输入文本，密码、单选框、复选框等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<form action="" method="get" name="姓名">
姓名
<input name="用户名" type="text" />
<br/>
密码
<input name="" type="password" />

</form>
<form action="" method="get">
男人
<input name="刚刚进去的人" type="radio" value="男人" />
<br/>
女人
<input name="刚刚进去的人" type="radio" value="女人" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/yan-ck/p/4999560.html

weixin_30563917
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
虚元素有哪些
m0_58459562的博客
09-04 31
4.<Meta> 用来描述文档的关键字作者、定义重新刷新页面的时间和链接等信息。5.<input> 输入框。2.<hr> 分割线。3.<img> 图片。
HTML伪元素
唯唯同学
06-01 2123
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 通过css创建假的元素 创建伪元素: :before,在元素内部的最前面创建一个假子元素 :after,在元素内部的最后面创建一个假子元素 伪元素默认是行块元素,没有宽高的 --> <style type="text/css"&
给文本框添加虚文字
angle_hearts的博客
05-25 3116
td>input type="text" name="username" placeholder="请在这里输入用户名">td>
java 文本框 虚体字_虚字的意思、虚的繁体字、虚的笔顺笔画、虚字部首和繁体字虚的意思...
weixin_30509193的博客
03-02 2359
虚的拼音xū、笔顺、部首虍、笔画11有关中文"虚"的繁体字怎么写，和简体字虚笔划结构虚的意思分解:学会虚的繁体字，先看虚字的演变、笔画(笔划)、笔顺、部首、拼音。有关带有繁体字(或简体字)“虚”的成语：请点此查看有关带有“虚”字的成语大全，有关虚字图片演示。以下是虚字的笔画数、部首、笔顺和虚的繁体字怎么写的演变:虚xū空：虚无。虚实。虚度。虚名。虚左(尊敬地空出左边的座位，古代以左为尊)。空虚。乘...
[html] 什么是空元素？常用的空元素有哪些？
歌谣的博客
03-31 2058
[html] 什么是空元素？常用的空元素有哪些？ 一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不能存在子节点（例如内嵌的元素或者元素内的文本）的element。 HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 <audio> 元素嵌套在一个 <hr> 元素
常用的资源html网页
最新发布
01-10
接着是`<html>`元素，它是整个文档的根元素。在`<html>`内部，有两个主要部分：`<head>`和`<body>`。`<head>`包含元数据，如标题（`<title>`），而`<body>`则包含了网页的实际内容。 2. **标题标签**：`<h1>`到`...
地址发布页静态网页的html
08-17
`<html>`元素，作为整个文档的根元素；`<head>`部分，包含元信息如字符编码（`<meta charset="UTF-8">`）和页面标题（`<title>`）；以及`<body>`部分，实际内容的容器。 2. **标题元素**：在`<head>`中设置`<title>...
css去掉链接虚框
04-03
在网页设计中，当用户通过键盘导航（例如使用Tab键）或使用辅助技术（如屏幕阅读器）与页面交互时，浏览器默认会在可聚焦元素（如`<a>`标签、某些表单元素等）周围显示一个虚线边框，称为“焦点轮廓”或“虚框”。...
html经典游戏解压盒子.zip
12-09
"叠盒子"游戏可能利用了HTML5的Canvas元素，这是一个二维绘图表面，开发者可以通过JavaScript来绘制图形，实现动态效果。Canvas提供了丰富的API，可以用于绘制游戏场景、角色和动画。通过JavaScript的事件监听和处理...
web元素实例
loveqingqingqing的博客
09-09 90
Link内定义元素
09-09 159
需设置link内元素的display:inline-block; 例如:
HTML字体虚化怎么设置,CSS滤镜给字体加阴影、模糊、透明的方法
weixin_39630410的博客
06-16 2038
CSS滤镜#pp00 {width:950px;height:256px;position:absolute;left:10px;top:0px;background-color:#000060;font-size:256px;}#pp01 {width:0px;height:256px;background-color:red;position:absolute;left:10px;top:0p...
类、虚类、ID
llzplove的专栏
11-23 343
 .类可以多次使用，#ID只能使用一次，虚类（a:link未被访问，a:visited已被访问，a:active选中状态，a:hover移动超链接）
HTML中的空元素
qq_43239667的博客
04-29 1541
HTML中的空元素 一个空元素可能是 HTML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。 在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input>的闭标签是无效的 HTML。 在 HTML 中有以下这些空元素： <area> <base> <b...
空的HTML元素
weixin_45355258的博客
06-08 165
空元素就是没有内容的HTML元素，空元素在开始标签中是关闭的。 其中<br>就是一个没有关闭标签的空元素，在HTML中，所有元素都必须被关闭，在开始标签中添加
HTML 空元素
王甲评的博客
02-06 8243
概念：首先啥是空元素呢？就是字面意思：没有内容的HTML元素，比较常见的空元素像 这种，他们往往没有关闭标签(从表面上看是自己关闭自己233，像),听说在未来的趋势里这种没有关闭标签的情况会被取消掉.。 一、area元素 作用:形成矩形，圆形，多边形可点击区域 特点:属于图像映射，被包含在map标签中，与img元素对应，而不能成为一个div的映射（可以用手段合并如绝对定位，但注意同样不
html中什么是空标签
weixin_43324026的博客
10-02 9174
没有闭合的标签称为空标签，如：&lt;br /&gt;和&lt;img /&gt;等。他们不存在成对的情况（&lt;colgroup&gt;除外）反之具有成对性质的例如：&lt;div&gt;&lt;/div&gt;、&lt;form&gt;&lt;/form&gt;就不是空标签。 在HTML中，在空标签上使用闭标签是无效的，例如：&lt;/br&gt;。这样的情况是无效的HTML
【HTML5】Web前端——第二课：HTML5新增的常用元素、HTML5的通用属性
王迪
10-29 535
知识点：HTML5 新增的文档结构元素、文本格式化元素、页面增强元素、多媒体元素、HTML5 的通用属性（全局属性）、HTML5 废1、弃的元素和属性 1、HTML5 新增的常用元素 1.1 文档结构元素 在HTML5 出现之前，HTML 页面只能用<div>元素作为结构元素，为代码阅读带来了极大的困扰，因此在HTML5 中增加了大量的结构元素，如<header>、<footer>、<aside>、<nav>等。有了这些新增的结构元素..
HTML5入门与浏览器概览：初识与工具推荐
对于一些特定元素，如label用于生成对其他元素的说明，input和textarea分别用于获取用户输入，table和tr、td、th用于表格结构，p用于表示段落，style用于定义CSS样式，而hr和thead等元素则是特殊的虚元素，用于页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值