首页 SEO技术正文

p标签属于什么元素

SEO技术 2024-10-26 14

本文目录导航：

p标签属于什么元素
div标签究竟是什么元素
XML中元素和标签的区别

p标签属于什么元素

块级元素。

p标签是HTML中的一个块级元素，用于定义一段文本或内容，是一个容器元素族缺镇，可以蕴含其它元素，如文本、图像、链接、表格、列表等。

p标签的特点：自动撑满整个父元素扮耐，高度由内容撑开，独占一行，垂直规划，自带外边距，自带加粗特效，让文字兆粗成为段落，并且有显著的段落间距。

p标签属于什么元素

div标签究竟是什么元素

1简介编辑定义<div> 可定义文档中的分区或节（division/section）。

标签可以把文档宰割为独立的、不同的局部。

它可以用作严厉的组织工具，并且不经常使用任何格局斗拍与其关联。

假设用 id 或 class 来标志，那么该标签的作用会变得愈加有效。

用法DIV标签运行于 Style Sheet（样式表）方面会更显威力，它最终目标是给设计者另一种组织戚销吵才干，有 Class、Style、title、ID 等属性。

<div> 是一个块级元素。

这象征着它的内容智能地开局一个新行。

实践上，换行是 <div> 固有的惟一格局体现。

可以经过 <div> 的 class 或 id 运行额外的样式。

不用为每一个 <div> 都加上类或 id，只管这样做也有必定的好处。

可以对同一个 <div> 元素运行 class 或 id 属性，然而更经常出现的状况是只运行其中一种。

这两者的重要差异是，class 用于元素组（相似的元素，或许可以了解为某一类元素），而 id 用于标识独自的惟一的元素。

2范例编辑以下内容为例：align=center可选值：center，left，right 。

选择字、画、表格等居中、靠左或靠右的作用和居中标志 <CENTER>一样，前者是由 HTML3.0 开局的规范，后者是通用己久的标示法。

CSS单元的位置和档次-div标签咱们都知道，在网页上应用HTML定位文字和图象是一件“令人心痛”的事件。

咱们必定经常使用表格标签和隐式GIF图象，即使这样也不能保障定位的准确，由于阅读器和操作平台不同会使显示的结果出现变动。

而CSS能使你看到宿愿的曙光。

应用当天咱们行将学到的CSS属性，你可以准确地设定元素的位置，还能将定位的元素叠放在彼此之上。

Cascading Style Sheets（CSS）高侍是 DHTML 的基础。

CSS 用来设定你网页上的元素是如何展现的。

Cascading Style Sheets Positioning（CSS-P）是 CSS 的一个裁减，它可用来管理任何物品在网页上或是说在窗口中的位置。

请你记住这两个名词：CSS 和 CSS－P。

上方四个英文网址提供了具体的关于 CSS 和 CSS-P 的文件和解释。

● 1．经常使用 DIV 标签（div）当咱们经常使用 CSS-P 的时刻，咱们重要把它用在 DIV（division）tag 上。

当你把文字，图象，或其余的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或罗唆叫“layer”。

而中文咱们把它称作“档次”。

所以当你以后看到这些名词的时刻，你就知道它们是指一段在 DIV 中HTML。

经常使用 DIV 的方法跟经常使用其余 tag 的方法一样：This is a DIV tag .假设独自经常使用 DIV 而不加任何 CSS-P, 那么它在网页中的成果和经常使用是一样的。

但当咱们把 CSS-P 用到 DIV 中去以后，我么就可以严厉设定它的位置。

首先咱们须要给这个可以被 CSS-P 管理的 DIV 一个 ID 或说是它的名字。

比如说咱们给上方这个 DIV 的名字是 truck。

给名字的目标是咱们以后可用 JavaScript 来管理它，比如说移动它或扭转它的一些性质等等。

This is a truck给档次取什么名字是轻易的，名字可以是任何英文字母和数字，但第一个必定是字母。

有两种把 CSS-P 运行到 DIV 的方法。

Inline CSS：Inline 是最罕用的方法。

This is a truck STYLE tag：经常使用 External 方法的结果是一样的。

咱们会在以后的课程里再具体解释这种方法。

如今咱们重要探讨Inline 方法。

请留意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的相关。

<STYLE TYPE=text/css></STYLE>This is a truck -Browser CSS 性质：咱们这个课程的重要目标是让你写出的网页在 NS4 和 IE4 上都能上班，所以咱们重要探讨那些对俩者都通用的性质。

上方这些性质合乎由 W3C 给出的规范。

position　选择 DIV tag 是如何搁置的。

“relative”意思是DIV的位置是相关于其余 tag 的，而“absolute”是说 DIV tag 的位置是相关于它所在的窗口。

left　相关于窗口左边的位置top　相关于窗口上边的位置width　DIV tag 的宽度。

一切在 DIV 里的文字或html都在外面。

height　DIV tag 的高度。

这共性质很少用除非你想 Clip 档次。

clip　给出 layer 的 clipping（可看的见的）局部。

Clip 可使得 DIV 显示为一个可以定义的很准确的方块。

你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。

clip:rect(top,right,bottom,left);visibility　隐蔽或展现DIV 依据它的值“visible”，“hidden”，“inherit”。

z-index　DIV tag 的平面位置。

值越大 DIV 的位置越高。

background-color　DIV 背景的色彩。

layer-background-color　Netscape 的 DIV 背风光彩。

background-image　DIV 的背景图象。

layer-background-image　Netscape 的 DIV 的背景图象。

● 2．相对定位和相对定位（position）相对定位：定位属性将是网虫们关上幸福之门的钥匙：H4 { ; left: 100px; top: 43px }这项CSS规则让阅读器将<H4>的起始位置准确地定在距离阅读器左边100象素，距离其顶部43象素的位置。

留意这里惟一设置了的是左边和顶部，也就说，文字将从左到右，从上到下载入阅读窗口。

左边和顶部属性很直观，左边（left）设定因素距阅读器窗口左边的距离，顶部（top）设定距离阅读器窗口顶部的距离。

设定这些距离时，你可以经常使用所学过的各种度单位或比例值。

经常使用比例值时，比例值的是相关于母体因素的尺寸。

你可以定位什么呢？任何物品！段落、单词、GIF和JPEG图象、QUICKTIME电影等等。

相对定位：相对定位使你能准确地定位元素在页面的独立位置，而不思考页面其它因素的定位设置。

相对定位指你所定位的元素的位置相关于在文件中所调配的位置。

例：I { ; left: 40px; top: 10px }相对定位的关键在于定位了的元素的位置是相关于它通常应在的位置启动定位。

相对定位单元出如今个别的静态定位单元的行间，定位时没有把自己和静态定位单元齐全离开。

假设你中止经常使用相对定位，则文字的显示位置将复原反常。

经常使用相对定位时要小心，否则容易将页面弄得十分乱。

除了相对定位和相对定位，你还可以经常使用static（运动）参数值。

Static 是 position 特性的缺省值。

它的经常使用方法同个别HTML中的定位方法，不能附加不凡的定位设置。

也就是说，除了边距特性，或经过经常使用 float 特性来浮动单元可影响单元的定位外，其它均无法以。

● 3．定位单元的管理（width、height、visiblility）除了管理订位单元的左上角位置，你还可以管理单元的宽度和高度，及单元在页面的可视性。

宽度：定位了的元素在页面上显示时依然会从左到右不时显示。

应用宽度属性就可以设定字符向右流动的限度，即设定元素的宽度。

DIV { ; left: 200px; top: 40px; width: 150px }阅读器接到这项规则时，它将文字依照规则规则的成果显示，还将段落最大水平尺寸限度在150象素。

宽度属性只实用于相对定位的元素。

你可以经常使用咱们学过的任何一种长度单位，或经常使用比例值设定宽度，比例值指相关于母体元素的比例。

IE 4中，这项属性还可用于图象。

你可以经过宽度设置人为地拉宽或紧缩图象。

高度：实践上讲，高度应该和宽度的设置相似，只不过是在垂直方向上：DIV { ; left: 200px; top: 40px; height: 150px }这里我用了“实践上讲”，由于有些阅读器不允许高度属性。

可视性：应用CSS，你可以暗藏元素，使其在页面上看不见。

这条属性关于定位了的和未定位的元素都实用。

H4 { visibility: hidden }选项：visible 使元素可以被看见hidden 使元素被暗藏inherit 指它将承袭母体元素的可视性设置。

值 inherit 为缺省值。

这使单元承袭父单元的可见性。

所以，假设某一段是暗藏的，则它蕴含的任何行间单元也都被暗藏。

这一承袭性可被明白指定的可见性取代。

例如，段内的 EM 单元被指定为可见，这时假设该段被暗藏，则段内的一切其它内容都将隐没，而唯有 EM 单元中的文本是可见的。

3div属性编辑color : # 文字色彩font-family : 宋体文字字型font-size: 10pt 文字大小font-style:italic 文字斜体font-variant:small-caps 小字体letter-spacing: 1pt 文字间距line-height: 200% 设定行高font-weight:bold 文字粗体vertical-align:sub 下标字vertical-align:super 上标字text-decoration:line-through 加删除线text-decoration:overline 加顶线text-decoration:underline 加底线text-decoration:none 删除衔接底线text-transform: capitalize 首字大写text-transform : uppercase 英文大写text-transform : lowercase 英文写text-align:right 文字* 右对齐text-align:left 文字* 左对齐text-align:center 文字居中对齐这些是一些便捷的文字成果，可以运行到css的页面中。

背景background-color:black 背风光彩background-image : url(image/) 背景图片background-attachment : fixed 固定背景background-repeat : repeat 重复陈列-网页预设background-repeat : no-repeat 不重复陈列background-repeat : repeat-x 在x轴重复陈列background-repeat : repeat-y 在y轴重复陈列background-position : 90% 90% 背景图片x与y轴的位置链接A 一切超衔接A:link 超衔接文字格局A:visited 阅读过的衔接文字格局A:active 按下衔接的格局A:hover 鼠标移至衔接边框border-top : 1px solid black 上框border-bottom : 1px solid #6699cc 下框border-left : 1px solid #6699cc 左框border-right : 1px solid #6699cc 右框border: 1px solid #6699cc 四边框虚线<TEXTAREA>实线<TEXTAREA>设置div的高度与文字的行高一样就可以了，即 line-height 和 height 的数值是一样的就可以了，最后给div一个 over-flow: hidden ，让超出的局部暗藏。

词条标签：