HTML一些简单标签的练习&复习

最新推荐文章于 2025-05-31 16:40:53 发布

原创最新推荐文章于 2025-05-31 16:40:53 发布 · 821 阅读

2 ·

CC 4.0 BY-SA版权

HTML&HTML5 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中的一些基本标签，包括定义水平线、换行、链接和表单的使用。通过实例展示了如何创建水平线、插入换行、创建普通链接、图像链接、邮件链接以及书签。此外，还提到了` `与` `的区别，并讨论了表单的创建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己觉得容易忘的标签（1）

定义水平线

<hr>:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>
	<p>hr 标签定义水平线：</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
</body>
</html>

效果：

换行

p&br/:

为闭合标签，/不可少，且没有 ... 样式。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text</title>
</head>
<body>

<p>这个<br>段落<br>演示了分行的效果</p>

<p>这个</p>
<p>段落</>
<p>演示了分行的效果</p>

<p>这个<br/><br/>段落<br/><br/>演示了分行的效果</p>

</body>
</html>

效果：
可以看出，两个 相当于一个

 和 具有相同作用，都表示换行符，都是非成对出现的标记，但前者是老的html规范，新的规范（W3C//DTD HTML 4.0）要求一切都应象XML那样有结束符，如果没有也要硬加一个反斜杠。象br这种不需成对使用的html符号，就成了这个样子: 
目前来说浏览器并不细分这二者有什么区别，但日后可能逐渐统一到新标准上来，而 最终将不在被浏览器支持。

链接

普通的链接：<a href="链接地址">链接文本</a>
图像链接：<a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>
书签：<a id="tips"> 提示部分</a> <a href="#tips">跳到提示部分</a>

表单

<!DOCTYPE html>
<html>
<body>

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

</body>
</html>