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

HTML的<body>标签详解与HTML常用的控制标记

时间:2015-07-03 18:47:57      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

一、<body>标签:

  用于标记网页的主体,body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

  1.body标签中可用的属性:
    bgcolor="颜色值":设置整个网页的背景颜色
    text="颜色值":设置文字的颜色色
    link="颜色值":设置一般超链接文本的显示颜色
    vlink="颜色值":设置访问过的超链接文本显示的颜色
    alink="颜色值":设置鼠标移动到超链接上按下鼠标的时候,超链接文本的显示颜色
    bgcolor="颜色值":设置网页的背景颜色
    background:设置网页的背景图片,可以是GIF或者JPEG格式的图片(会覆盖网页的背景颜色(如果图片是透明的就可以看到背景颜色)因为背景属性有一个层次关系,最好不要设置背景图片)

 

  2、 网页里内容与浏览器边距属性:默认情况下网页内容与浏览器边框之间是有边距的

    leftmargin="像素值":设置网页中的内容与浏览器左边界的距离
    rightmargin="像素值":设置网页中的内容与浏览器右边界的距离
    topmargin="像素值":设置网页中的内容与浏览器上边界的距离
    bottommargin="像素值":设置网页中的内容与浏览器下边界的距离

 

 

 

二、HTML常用的控制标记:

  1、<br />:换行标签(换行不换段)

  2、<p>..</p>:段落标签(一段占一行,是一个块级元素,默认会有16px的margin)
    属性:align left(默认) right center

    3、<hr />:添加一条水平直线

    属性:
      width:
        像素 绝对设置,长度不会随视窗的改变而改变
        百分比 相对设置 长度会随着视窗的宽度而改变
      szie:
        像素 绝对设置 以数字表示,值越大,线越粗
        百分比 相对设置 以%表示,值越大,线越粗
      color:设置颜色
      noshade="noshade"给水平线设置3D显示效果

  4、<hx>..</hx>:HTML标题,是通过 <h1> - <h6> 等标签进行定义的,<h1> 定义最大的标题。<h6> 定义最小的标题(超过h6之后不起任何作用,还有一些隐藏的属性:自动换段,字体加粗)。

    属性:align(对齐方式):  left左    right右      center居中

  5、<b>..</b>:将文本加粗

  6、<blockquote>...</blockquote>: 文本引用 即如果有段文本是引自其他网站的就将该段文字用该标签包含起来并加上属性cite="引用的地址"(被包含的文本两边会缩进)

      属性:cite=url(被引用的地址)

  7、<pre>..</pre>:定义预格式化的文本 被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

  8、<i>..</i>:倾 斜

  9、<strong>..</strong>:加强语句(加粗)
  10、<em>..</em>:加强语句(倾斜)
  11、<address>..</address> :地址 会自动倾斜(这个标签是为了便于搜索引擎解析)

  12、<small>...</small>:小字

  13、<big>...</big>:大字

  14、<del>..</del>:删除 会加删除线

  15、<ins>..</ins>:修改 会加下划线

  16、<u>..</u>:下划线
  17、<s>..</s>:删除线
  18、<tt>...</tt>: 电报字体

  19、<sup>..</sup>:上标
  20、<sub>..</sub>:下标

  21、

HTML的<body>标签详解与HTML常用的控制标记

标签:

原文地址:http://www.cnblogs.com/LO-ME/p/3530584.html

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