您的位置：首页 > Web前端 > HTML

常见的HTML虚元素

2015-11-27 08:47 288 查看
空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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航