网页设计中常用的一些标签是必须要掌握的,但是有很多的标签元素理解起来并不是特别的容易,也是让人很容易混淆,刚开始学习网页设计的朋友可能会感觉到并不是好理解,因为太专业的解释往往让人很难理解,下面一起来学习了解一下。
在网页html中查看源代码会看到很多代码,包括DIV、span、h1、b加粗、strong等标签组成在,这些代码标签是比较常用的,也是需要进行掌握了解的。
DIV\\SPNAN\\H1是什么意思呢?
这些标签是包裹内容作用,有的是起到布局各种各样样式而使用DIV标签,有的是为了内容加粗,比如strong标签、表达是标题h1标签。
div它的作用
让内容包裹在DIV内,实现各式各样的美化,比如对div设置边框,这样内容就区就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色;对div设置背景颜色或背景图片,这样内容就有了漂亮的css背景。
<divstyle="color:#00FF00">
<h1>This is a header</h1>
<p>This is a paragraph.</p>
</div>
div标签内使用样式实现各式各样排版,对div设置不同的css样式,实现美工图布局样式。
定义和用法
<div>可定义文档中的分区或节(division/section)。
<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用id或class来标记<div>,那么该标签的作用会变得更加有效。
div它的用法
<div>它属于是一个块级元素,这意味着它的内容自动地开始一个新行。实际上,换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外的样式。
需要知道的是不必为每一个<div>都加上类或id,虽然这样做也有一定的好处。
但是可以对同一个<div>元素应用class或id属性,但是更常见的情况是只应用其中一种。这两者的主要差别就是,class用于元素组(类似的元素,或者可以理解为某一类元素),而id它是用于标识单独的唯一的元素。
总结:div是一个块级的元素,我们在设计的时候是把网页分成一大块小块来进行设计,div的作用就像是一个大的容器,里面是放一下一些小的元素,这一点是比较好容易理解的。