HTML入门教程：body属性与字体样式解析

需积分: 9 139 浏览量更新于2024-10-10 收藏 91KB DOC 举报

"html详细清楚的讲解" HTML，全称HyperText Markup Language，即超文本标记语言，是用于创建网页的标准标记语言。它由一系列元素组成，每个元素通过开始标签和结束标签来定义，并且可以包含内容或者具有特定的属性。一、HTML的基本结构： HTML文档通常由`<html>`元素包裹，这是整个文档的根元素。在`<html>`元素内，有两个主要部分：`<head>`和`<body>`。`<head>`元素包含了文档的元信息，如标题（`<title>`），而`<body>`元素则包含了用户在浏览器中实际看到的内容。 ```html <html> <head> <title>网页标题</title> </head> <body>  </body> </html> ``` 二、`<body>`元素的属性： `<body>`元素有很多属性，用于控制页面的样式和布局。例如： - `topmargin`和`leftmargin`设置页面内容距离顶部和左边的距离。 - `text`定义了页面中默认文字的颜色。 - `bgcolor`设置页面的背景颜色。 - `background`允许指定一个图像作为背景。 - `link`, `alink`, 和 `vlink` 分别定义未访问、已访问和活动链接的颜色。 ```html <body topmargin="数值" leftmargin="" text="文字颜色" bgcolor="背景颜色" background="图片路径" link="颜色" alink="" vlink=""></body> ``` 三、HTML中的字体处理： 1. 标题标签：`<h1>`到`<h6>`，共六级，数字越大，标题越小。 2. 逻辑样式：`<i>`用于斜体，`<b>`用于粗体，`<u>`用于下划线。 3. 字体标记：`<font>`元素可以设置字体、大小和颜色。例如，设置字体为Arial，大小为3，颜色为红色： ```html <font face="Arial" size="3" color="red">示例文字</font> ``` 四、字体布局： 1. 段落对齐：`<p align="left|center|right">`，分别表示左对齐、居中和右对齐。 2. 层布局：`<div align="left|center|right">`，常用于更复杂的布局控制。 3. 居中：`<center>`标签内的内容会被居中显示。 4. 换行：`<br>`标签用于强制换行。了解并熟练掌握这些基础知识，将有助于构建基本的静态网页。在实际开发中，为了更好的可维护性和可访问性，现代网页更多地使用CSS（层叠样式表）来控制样式和布局，而不是直接在HTML中设置样式属性。

<<HTML>>

-------------------------------------------------------------------------------------------------------

一．HTML 的组成:

<html>

<head>头

</head>

<body>身体

</body>

</html>

-------------------------------------------------------------------------------------------------------

二．<body>的属性:

<body topmargin="数值"

leftmargin=""

text="文字颜色"

bgcolor="背景颜色"

background="图片的路径"

link="颜色" (超连接点击前的颜色)

alink="" (点击时的颜色)

vlink="" (点击后的颜色)></body>

-------------------------------------------------------------------------------------------------------

三．字体:

1>. 标题文字： <h#> </h#>, "#" = "数值" (范围:1-6) 值越大显示的文字越小

2>. 逻辑文字： <i>斜体文字</i> <b>粗体</b> <u>下划线</u>

3>. 字体标记： <font face="字体"

size="数值(范围:1-7 值越大显示的文字越大)"

color=" 颜色 ( 英文 )"( 指明色 ) / 6 位 16 进制

(#000000~#FFFFFF)(RGB 色范围:0-9 A-F)></font>

-------------------------------------------------------------------------------------------------------

四．字体布局:

1>.段： <p align="left,center,right"> </p> (默认换行)

2>.层： <div align="left,center,right"> </div>

3>.居中： <center> </center>

4>.换行： <br> (注意：不需要结尾标记</br>)

5>.游标线： <hr color="颜色"

width="数值/ % "(长度)

size="数值"(宽度)

align=""> (注意：不需要结尾标记</hr>)

6>.列表：

下载后可阅读完整内容，剩余5页未读，立即下载

zhoudengqi

粉丝: 0
资源: 1

HTML入门教程：body属性与字体样式解析

布尔教育_html教程_课堂代码

本文是关于TCP的三次握手与四次挥手的详细讲解，看了原文收益匪浅

Vue3.0 响应式系统源码逐行分析讲解

label标签详情用法demo讲解语法详情.docx

讲解Nginx服务器中设置本地浏览器缓存的简单方法

php手册,菜单做的很清楚

jQuery详细教程

javascript html 静态页面传参数

JQuery HTML5 文件上传插件

飞雀教育HTML5培训学习资料语义元素

最新资源