Maison > interface Web > tutoriel HTML > Explication détaillée de la balise body en HTML et introduction aux balises de contrôle couramment utilisées en HTML

Explication détaillée de la balise body en HTML et introduction aux balises de contrôle couramment utilisées en HTML

高洛峰
Libérer: 2017-03-04 15:03:36
original
2715 Les gens l'ont consulté

一、标签:

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

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

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

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

二、HTML常用的控制标记:

1、
:换行标签(换行不换段)

2、

..

:段落标签(一段占一行,是一个块级元素)
属性:align left(默认) right center

3、


:添加一条水平直线

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

4、..:HTML标题,是通过

-

等标签进行定义的,

定义最大的标题。

定义最小的标题(超过h6之后不起任何作用,还有一些隐藏的属性:自动换段,字体加粗)。

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

5、..:将文本加粗

6、

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

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

7、

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

8、..:倾 斜

9、..:加强语句(加粗)
10、..:加强语句(倾斜)
11、

..
:地址 会自动倾斜

12、...:小字

13、...:大字

14、..:删除 会加删除线

15、..:修改 会加下划线

16、..:下划线
17、..:删除线
18、...: 电报字体

19、..:上标
20、..:下标

21、常用的特殊字符格式:其他参阅手册实体

空格: 
版权号:©
注册商标:®
":quot;
&:&
<:&lt;
>:&gt;
Copier après la connexion

更多html中body标签的详解与html常用的控制标记介绍相关文章请关注PHP中文网!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal