一、<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常用的控制标记的更多相关文章

  1. Meta标签详解(HTML JAVASCRIPT)

    Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...

  2. 网页设计:Meta标签详解

    很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅 ...

  3. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  4. 引用 struts2标签详解 - wo的的日志 - 网易博客

    引用 元元 的 struts2标签详解   引用 COLD 的 struts2标签详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@t ...

  5. html标签详解

    html标签详解   <!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE ...

  6. html标签详解(2)

    http标签详解 声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品.2:如要要转载本文章,则要说明文字的出处.3:如有哪里不对欢迎指出. 在上一篇文章中主 ...

  7. html标签详解(1)

     http标签详解及讲解        1.基础标签 <!DOCTYPE html> <!--表示文本类型--> <html> <!--<html> ...

  8. 转:springmvc常用注解标签详解

    Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...

  9. embed标签详解

    HTML-embed标签详解 Embed(一).基本语法:embed src=url说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等,      Net ...

随机推荐

  1. UVa(12821),MCMF

    题目链接:https://uva.onlinejudge.org/external/128/12821.pdf 比赛的时候,准备用最短路来做,存两张图,做两次最短路,本来还觉得第二张图的设计很好的,很 ...

  2. Function, Predicate

    Function, Predicate的使用 Function用于把一种类型的对象转化为另一种类型的对象.Predicate用于判断某个对象是否符合一定条件. 一.Function和Functions ...

  3. hdu 4961 Boring Sum

    Boring Sum Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Tota ...

  4. 2016年10月26日 星期三 --出埃及记 Exodus 19:10-11

    2016年10月26日 星期三 --出埃及记 Exodus 19:10-11 And the LORD said to Moses, "Go to the people and consec ...

  5. 在C++工程中设置全局函数

    在头文件中对该函数进行全局函数的声明: extern void Test(); 在cpp文件中进行函数的定义: void Test() { MessageBox(NULL,L"调用了C++的 ...

  6. oracle一列中的数据有多个手机号码用逗号隔开,我如何分别取出来?

    ID NUMBER1 137xxxx,138xxxx取出来成ID NUMBER1 137xxxx1 138xxxx create table test (id int, phone varchar2( ...

  7. Python存取XML方法简介

    <?xml version="1.0" encoding="utf-8"?> <Schools> <School Name=&qu ...

  8. Creating HTML table with vertically oriented text as table header 表头文字方向

    AS an old question, this is more like info or reminder about vertical margin or padding in % that ta ...

  9. Linux系统下如何配置SSH?如何开启SSH

    查询\安装SSH服务 1.登陆linux系统,打开终端命令.输入 rpm -qa |grep ssh 查找当前系统是否已经安装 2.如果没有安装SSH软件包,可以通过yum  或rpm安装包进行安装( ...

  10. [HDOJ5783]Divide the Sequence(贪心)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5783 题意:给n个数,要求划分成多个段,使得每一个段的任意前缀和都不小于0. 从后往前截取,这样不会影 ...