Blogger Information
Blog 16
fans 0
comment 0
visits 11416
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html页面中常用的文本元素的总结-2019年3月11日20时00分
多@点的博客
Original
615 people have browsed it

在学习html过程中,对常用的文本元素的掌握是非常基础的。在这节课的学习中,我学到了对常用文本元素的运用,有h1~h6标签、p标签、加粗字体b标签、定义删除字del标签等。在这里与大家分享我的学习成果:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学习web的第一节课</title>
	<link rel="icon" href="images/favicon (1).ico">
	<style>
        *{
        	margin:0px;
        	padding:0px;
        }
        p{
        	text-indent:2em;
        	width:400px;
        }
        div{
        	width:300px;
        	height:20px;
        	background:#f2f2f2;
        	white-space:nowrap;
        	overflow:hidden;
        	text-overflow:ellipsis;
        } 
	</style>
</head>
<body>
	<h1>第一个标题标签</h1>
	<h2>第二个标题标签</h2>
	<h3>第三个标题标签</h3>
	<p>***在慰问电中表示,惊悉埃塞俄比亚航空公司一架客机失事,造成包括埃塞俄比亚、肯尼亚、中国公民在内的重大人员生命损失,我谨代表中国政府和中国人民,并以我个人的名义,向遇难者表示沉痛的哀悼,<br>向遇难者家属表示深切的慰问。相信埃塞俄比亚政府能够有效做好善后工作,中方将提供必要的支持和帮助。</p>
	<br>
	<b>加粗文本 </b><br>
	<small>小号字体</small><br>
	<strong>定义加重语气</strong><br>
	<del>定义删除字</del><br>
	<del>599元</del>
	<b style="font-size:20px;color:red;">59元</b>
	<p> <abbr title="HyperText Markup Language"> html</abbr>(超文本标记语言)</p>
	<a href="http://www.php.cn/">php中文网</a>
	<div>
        <a href="demo2.html">魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</a>
	</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


dome1.jpg

总结:在这节课的学习中,我主要学习了对常用文本元素的简单掌握,在这里做一点注释总结。
h1~h6标签:对文本标题进行着重强调,从h1~h6依次显示重要性递减。
p标签:是正常的文本段落的显示
b标签:加粗文本
small标签:显示小号字体
strong标签:定义加重语气
del标签:定义删除字
.......
对于html页面中的常用元素,我们还是要多加练习的!

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post