一、<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. 使用selenium来完成的例子

    地址:http://www.tuicool.com/articles/rimeey

  2. html 标签学习

    form 属性 定义和用法 enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码. 默认地,表单数据会编码为 "application/x-www-form-urlencod ...

  3. 安装Docker和下载images镜像和常用Docker命令

    我的是centos7,也会6的方法: $sudo yum install docker 直接yum安装contos7使用centos6.5先获取epel源并 启动Docker,并注册开机服务 [roo ...

  4. [美]莫提默 J. 艾德勒《如何阅读一本书》

      我最近在阅读一本书,这本书的书名叫<如何阅读一本书>(商务出版社,2015),顾名思义.   作者认为,阅读是一件跟写书一样复杂的活动,而许多人并不会阅读. 看过后,你可能会有“我真没 ...

  5. 15款开源PHP类库

    PHP库给开发者提供了一个标准接口,它帮助开发者在PHP里充分利用面向对象编程.这些库为特定类型的内置功能提供了一个标准的API,允许类可以与PHP引擎进行无缝的交互.此外,开发者使用这些类库还可以简 ...

  6. shell脚本之lnmp的搭建

    !/bin/bash #this script is source packages installed lnmp .xmal yum -y install wget #"========= ...

  7. java中为什么byte的取值范围是-128到+127

    概念:java中用补码表示二进制数,补码的最高位是符号位,最高位为“0”表示正数,最高位为“1”表示负数.正数补码为其本身:负数补码为其绝对值各位取反加1:例如:+21,其二进制表示形式是000101 ...

  8. 将linux默认python升级到2.7.4版本

    第一步:下载python2.7.4版本源码: wget http://python.org/ftp/python/2.7.4/Python-2.7.4.tgz 解压文件 [aa@localhost ~ ...

  9. C#打开指定路径文件对话框

    private string OpenFileDlog(string DeafultDir) { OpenFileDialog Ofd = new OpenFileDialog(); Ofd.AddE ...

  10. C#中() =>是什么意思

    如题C#中() =>是什么意思,比如 public ICommand AddCommand { get { if (this.addCommand == null) this.addComman ...