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

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

2019-07-30 17:33 218 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/skrboy/article/details/97791798

自己觉得容易忘的标签(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/:


为闭合标签,
/
不可少,且没有
<br>...<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>

效果:
可以看出,两个

<br/>
相当于一个
<p></p>

<br>
<br/>
具有相同作用,都表示换行符,都是非成对出现的标记,但前者是老的html规范,新的规范(W3C//DTD HTML 4.0)要求一切都应象XML那样有结束符,如果没有也要硬加一个反斜杠。象br这种不需成对使用的html符号,就成了这个样子:
<br/>

目前来说浏览器并不细分这二者有什么区别,但日后可能逐渐统一到新标准上来,而
<br>
最终将不在被浏览器支持。

链接

普通的链接:

<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>

效果:

今天就先到这里吧。这么多天都在跟着老师做实验,接下来一个月任务又很繁重,没有多少时间敲代码了,以前学的又忘了不少。自学个HTML都这么曲折,真是万事开头难呀。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: