HTML从入门到放弃1

最新推荐文章于 2024-09-30 21:15:00 发布

IWTK_wcl

最新推荐文章于 2024-09-30 21:15:00 发布

阅读量157

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/IWTK_wcl/article/details/102406012

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一节

<div> <span> <p>的使用与区别

代码段如下：

css
<!DOCTYPE html>
<html>
<head>
	<title>武林</title>
</head>
<body>
	<!--各级标题-->
	<h1>人物</h1>
	<h2>江湖大佬</h2>
	<!--打印横线-->
	<hr/>
	<!--使用三个span”不换行“定义三节-->
	<span>尼古拉斯</span>
	<span>赵四</span>
	<span>sir</span>
	<h2>一地鸡毛</h2>
	<hr>
	<!--使用div“自动换行”定义-->
	<div>西门吹雪</div>
	<div>陆小凤</div>
	
	<h1>剧情</h1>
	<p>陆小凤发觉灵犀一指并无卵用，尼古拉斯赵四硬是凭着多年的经验硬接了这记陆小凤的成名绝技，心中骇然：此人内力竟深厚深至此。</p>
	<p>尼古拉斯赵四亦看出陆小凤眼中的惊惧，不禁流出一丝微笑，正要张嘴说些什么，但不知为何，嘴角却先抽搐了一下。</p>
	<p>说时迟，那时快。只见一点寒芒已然接近了赵四的身前！原来一直在身后默不作声的西门吹雪出手了。</p>>
</body>
</html>

【注】通过<h1>~<h6>可以设置各级标题；通过<hr/>可以定义一个横线；通过注释.

> 1.<div>为默认自动换行 <span>为默认为一行 <p>为生成一个段落
> 2.<span>和<p>元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素，<p>可以包含<span>，但是<span>不能包含<p>
> 3.<div>元素除了可以包含以上的<p>、<span>以外，还可以包含<h1>~<h6>,<form>,<table>,列表项元素和<div>元素。所以<div>元素包含更多，功能也更强大，在HTML5之前，经常会大量使用<div>完成布局。