html标签-2
4.段落标签
<p></p>
语义:可以把HTML文档分割成若干段。
特点:文本在一个段落中会根据浏览器窗口的大小自动换行。
段落和段落之间保有空隙。
5.换行标签
<br/>
语义:强制换行
特点:单标签
标签只是简单的开始新的一行,跟段落标签不一样。
例如:
<!doctype html><html><head><meta charset="utf-8"><title>第三个网页</title></head><body><h2>笑猫日记</h2><p>《保姆狗的阴谋》:冬日的翠湖公园景象肃杀,而两只狗的出现更使这里充满了阴谋和杀机。平日里和牧羊犬亲密无间的腊肠狗,竟然一定要置牧羊犬于死地。一个又一个的谜团,伴着笑猫、地包天和杜真子,度过了一个不平静的冬季。最后,醒悟的腊肠狗为了救牧羊犬而死在车轮底下。</p><p>《想变成人的猴子》:在夏天开始的时候,笑猫带着一颗受伤的自尊心,离开了杜真子的家,住进翠湖公园的一个秘密山洞里,和一只受人虐待的猴子成了好朋友。一场暴雨淹没了山洞,笑猫和猴子因此来到马小跳的家。马小跳的生活让猴子羡慕不已。于是,猴子一心想变成人,一个个开心好玩的故事就这样发生了。</p><p>《塔顶上的猫》:翠湖公园里有一座美丽的白塔。伴着第一缕春风,一只美丽的虎皮猫突然出现于塔顶。<br/>这惹怒了一群著名的“资格猫”,他们都上不去的地方,决不允许别的猫爬上去。他们开会咒骂,愤怒地游行,这些疯狂的行为,受到了老老鼠的嘲弄,让公园里的老鼠们乐翻了天。对喜欢上虎皮猫的笑猫来说,这真是一个热闹好笑而又他忧伤的春天。</p></body></html>
结果如下:
6.文本格式化标签
加粗 <string></string>或<b></b>倾斜 <em></em>或<i></i>删除线 <del></del>或<s></s>下划线 <ins></ins>或<u></u>
7.布局标签
<div></div>一行只能放一个<span></span>一行可以放多个
例如:
<!doctype html><html><head><meta charset="utf-8"><title>文本格式化标签,布局标签</title></head><body>我要变<strong>粗</strong>,我要变<b>粗</b><br />我要变<em>歪</em>,我真的<i>歪</i>了<br />来<del>删了我</del>,真的<s>删了</s><br /><ins>我没有下线</ins>,<u>好吧,我有</u><div>我独自占一行</div><div>我也一样</div><span>苹果</span><span>香蕉</span><span>西瓜</span></body></html>
结果如下:
注:正在跟随bilibili上的pink老师学习,欢迎大家一起来学习。