整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML body属性

HTML body属性

置页面背景

<body bgcolor=""> 设置背景颜色,使用名字或rgb的十六进制值;


设置正文的颜色

<body text=""> 设置文本颜色.使用名字或rgb的十六进制值;


设置背景图片

<body background="bgimage.jpg">


设置背景音乐

<body bgsound="">


<body bgproperties="fixed"> 固定背景图片(IE适用);

<body link=""> 设置链接颜色,使用名,字或rgb的十六进制值;

<body vlink=""> 设置已使用的链接的颜色,使用名字或rgb的十六进制值;

<body alink=""> 设置正在被击中的链接的颜色,使用名字或rgb的十六进制值;


设置页面边距(单位像素)

topmargin leftmargin rightmargin bottommargin

topmargin 设置到顶端的距离

leftmargin 设置到左边的距离

rightmargin 设置到右边的距离

bottommargin 设置到底部的距离

实例:

全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

主要内容:这是HTML课程的第六课,在这节课程中主要讲解一下HTML中body的属性,以及表格元素。希望大家根据这个教程可以学习一下。


上节回顾

在上节中主要讲解了超链接和图片的知识点。上节请戳->网页前端开发基础教程05-网页中插入图片和超链接,界面更绚丽

当然讲解的并不是很全面,只是把常用的HTML属性进行讲解了出来,在后期会进行做项目,到时候,直接回顾一下,马上就能搞懂了。这次直接讲解一下HTML中的body属性以及表格元素。

PS:其实HTML这个东西很简单,只需要根据对应的元素,学会标签指的是什么就可以了,就和谍战片中中的密码本一样,按照密码本书写对应的格式,写上去就能直接显示了。只是学会这种标签的样式而已。自己学习HTML也是可以的。最重要的还是进行实践。


body的属性

body是整个页面的主体元素,我们把内容写入到body元素中,那应该如何设置主体的背景颜色、背景图片呢?

下面就一一来讲解一下。使用Sublime创建一个HTML文件。

  1. 设置背景颜色,属性为bgcolor,值为RGB颜色或者颜色的英文单词。

2.背景图片设置,背景图片照样可以用路径的方式写入到HTML文件中。属性为background例如:

当然body的属性值,比较少,而且几乎不太用,在以后的时候要使用CSS代替这些东西。


表格

表格在网页中还是很常用的,比如在按照每行数据进行展示的时候,就需要用到表格啦。所以就需要学习一下表格应该如何写。

OK,我们先建立一个最简单的学生信息表:

其中table(表格)、tr(一行)、(一个单元格)。这三个时表格最基本的元素。并依次有个上下级嵌套的关系。


表格中的属性

表格中有很多属性,正是因为有了这些属性,才让表格无比强大。比如在老早的时候,风靡一时的Hao123就是使用表格进行制作的。OK在下节中咱们也会自己制作一个模仿的Hao123第一版,通过table制作。

border

border是边框的意思,在以后的学习中你肯定会对这个单词不陌生,因为这个单词真的是太常用了。border有两个值分别为0和1.0表示“没有边框”,1表示“有边框”。

cellpadding:

这个表示的是表格的内边距,也就是表格的边框到里面的内容的距离。

数值越大,单元格的表框到内容的距离越大。

cellspacing

这是单元格和单元格之间的距离,这个值越大,单元格之间的距离越大。

align:

align表示的是单元格的对齐方式,对里面的内容进行水平的对齐,其值有三个分别为right(右)、center(居中)、left(左)。

colspan、rowspan:

这是两个属性,分别表示行的合并和列的合并。其值为数字,表示要合并的单元格:

还有其他几个属性例如:valign、bgcolor、width、height等在前课程中也讲过了。


每天一个知识点,带你迈向软件编程大神,一起努力吧。下节课程,我们一起做一个Hao123的导航页面。

、HTML5设计哲学,它并不是规范优先的设计,它是“妥协式”的规范。

2、HTML5对元素大小写不再严格区分,开发者可以随意使用大小写字符来定义HTML元素。

3、对于一份基本的HTML5文档而言,它总有如下结构:

<!DOCTYPE html>

<html>

<head>

<title>页面标题</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312”/>

<!—此处还可插入其他meta、样式单等信息à

</head>

<body>

页面内容部分

</body>

</html>


4、不要在<html>和<head>之前插入任何内容!不要在</head>和<body>之间插入任何内容!不要在</body>和</html>之前插入任何内容。

5、HTML5保留的基本元素有如下几个:

<!--…-->:定义HTML注释,里面的内容会被当成注释处理。

<html>:它是HTML5文档的根元素。但HTML5允许完全省略这个元素。

<head>:它用于定义HTML5文档的页面头部分。但HTML5允许完全省略这个元素。

<title>:用于定义HTML5文档的页面标题。

<body>:用于定义HTML5文档的页面主体部分,该标签可以指定id、class、style等核心属性,还可以指定onload、onunload、onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性,这些属性用于指定JavaScript脚本。

6、几乎所有的HTML元素都可指定id、style和class属性。其中ID属性用于为HTML元素指定一个唯一标识,该标识是通过DOM访问HTML元素的重要途径。Class 和style属性是CSS样式相关属性。

7、<span>and <div>这两个标签很相像,只是前者默认是不会自动换行。使用的属性值基本一样。

8、<span/>、<div/>和<p/>三个元素都可以作为其他内容的“容器”,在默认情况下,<span/>不会导致换行,<div/>会导致换行,<p/>会产生出段落,段落之间会有更大的间距。更要注意的是<span/>和<p/>只能包含文本、图像、超链接、文本格式化元素和表单控件等内容,<p/>可以<span/>,但<span/>不能包含<p/>;<div/>元素除了可以包含上面的这些内容外,还可以包含更多的元素。

9、<b>定义粗体,<i>定义斜体,<em>定义强调文本,<strong>定义粗体文本,在HTML5中,使用<strong.../>包起来的文本代表首重要的文本。<small>定义小号字体文本,在HMTL5中专门用于标识所谓的“小字印刷体”,通常用来标注诸如免责声明、注意事项、法律规定和版权相关的声明性文字。

10、<sup>定义上标文本,<sub>定义下标文本;<bdo>定义文本显示的方向,该标签也可以指定dir属性,该属性值只能是ltr或者rtl。

11、在HTML5中,空元素标签不允许将开始标签和结束标签分开定义。空标签有如下:area base br col command embed hr img input keygen link mata param source wbr。如果这些标签开始和结束标签分开写是错误的。

12、可以省略结束标签的元素:colgroup dt dd li optgroup option p rt rp thead tbody tfoot tr td th <p>

13、可以省略全部标签的元素: html head body tbody。