码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础知识5——<div>和<span>标签

时间:2019-11-24 14:03:41      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:nbsp   html基础   span   布局   bsp   图片   使用   inpu   包含   

<div><span>标签

(1)div标签

它是一个区块容器标签,<div></div>之间是一个容器,可以包含段落、表格、图片等各种HTML元素

注意:img标签引入图片时,路径中使用斜杠/和反斜杠\是一样的

(2)<span></span>

块级标签和行内标签

块级标签:占据一行,换行(主要用于网页布局的处理)

常用的块级标签有:

<div><ul><ol><li><dl><dt><dd><h1>~<h6><p><form><hr>......

行内标签:在一行,不换行(主要用于网页中具体细节的处理)

他没有实际意义,为了应用样式

常用的行内标签有:

<b><em><img><input><a><sup>,sub>,textarea><span>......

标签嵌套的规则

(1)块级元素可以包含行内元素和某些块级元素

(2)行内元素不能包含块元素,只能包含其他的行内元素

(3)块级元素不能放在<p>标签内

(4)有些特殊块级元素只能包含行内元素,不能再包含块级元素如:h1~h6、p、dt......

  (5)块级元素与块级元素并列,行内元素与行内元素并列,如:

<div><h1></h1><span></span></div>这种写法是不正确的,在块级标签中同时包含了块级元素和行内元素

HTML基础知识5——<div>和<span>标签

标签:nbsp   html基础   span   布局   bsp   图片   使用   inpu   包含   

原文地址:https://www.cnblogs.com/qiumh/p/11921863.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!