HTML语言入门教程.doc资源-CSDN文库

需积分: 3 200 浏览量 2012-04-08 16:26:47 上传评论 2 收藏 170KB DOC 举报

什么是HTML语言 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。 ### HTML语言入门教程知识点梳理 #### 一、HTML语言简介 - **定义**：HTML（HyperText Markup Language）是一种标记语言，用于描述网页文档的结构和表现形式。 - **制定与更新**：由W3C（World Wide Web Consortium，万维网联盟）制定并持续更新。 - **编写方式**：HTML文件是一种纯文本文件，可以使用任何文本编辑器创建。 #### 二、HTML语言基本结构 - **HTML文档结构**： - `<html>`：文档的开始标签。 - `</html>`：文档的结束标签。 - `<head>`：包含文档元数据，如标题、样式表链接等。 - `<title>`：设置浏览器标签页标题。 - `<body>`：文档主体部分，包含所有可见内容。 #### 三、HTML语法基础 - **语法格式**： - 每个标记以`<`开始，以`>`结束。 - 开始标签与结束标签对应（例如`<html>`与`</html>`）。 - 使用注释：``，类似于C语言中的`/* 注释 */`。 #### 四、HTML语言的基本单位 - **长度单位**： - **绝对长度**：以像素（pixel）为单位指定长度。 - **相对长度**：以百分比（%）为单位，相对于容器或屏幕尺寸。 - 示例：`<hr width="500">`（绝对长度），`<hr width="50%">`（相对长度）。 - **颜色单位**： - **16进制颜色代码**：格式为`#RRGGBB`，其中`RR`、`GG`、`BB`分别代表红、绿、蓝三原色的亮度值。 - **10进制RGB码**：格式为`rgb(R, G, B)`，R、G、B取值范围0-255。 - **直接颜色名称**：使用颜色名称，如`red`、`blue`等。 - 示例：`<font color="red">`、`<font color="#008000">`、`<font color="rgb(0,0,255)">`。 #### 五、示例代码解析 - **长度表示示例**： - `<!DOCTYPE html>` - `<html>` - `<head>` - `<title>HTML语言的长度表示</title>` - `</head>` - `<body>` - `<hr width="500">`（绝对长度） - `<hr width="50%">`（相对长度） - `</body>` - `</html>` - **颜色表示示例**： - `<!DOCTYPE html>` - `<html>` - `<head>` - `<title>HTML语言中颜色的不同表示方法</title>` - `</head>` - `<body>` - `<font color="red">静夜思</font><br>` - `<font color="#008000">窗前明月光</font><br>` - `<font color="rgb(0,0,255)">疑是地上霜</font><br>` - `<font color="#ffff00">举头望明月</font><br>` - `<font color="#800000">低头思故乡</font>` - `</body>` - `</html>` #### 六、保存与运行 - **保存格式**：在保存HTML文件时，可以选择**Unicode字符型**格式，以支持更多的字符集。 - **运行**：保存后的HTML文件可通过双击打开，默认会在安装的浏览器中打开查看。通过以上知识点的学习，初学者可以对HTML语言有一个全面的基础了解，为进一步学习网页设计打下坚实的基础。

资源推荐

资源详情

资源评论

HTML 语言入门教程(一)

 什么是  语言

是使用特殊标记来描述文档结构和表现形式的一种语言，由

所制定和更新。我们可以用任何一种文本编译起来编辑  文

件，因为它就是一总纯文本文件。

  语言的基本结构

下面我们来看一小段  语言的代码，来了解  语言的基本结构：

 !

 !

! 语言的基本结构"!

" !

!

是使用特殊标记来描述文档结构和表现形式的一种语言。

"!

" !

将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为#  或者#  即可，

然后再所在的目录下就可看到一个 $% 的图标，名字就是你所存的文件名称。

 !&&&&" !

这是声明  文件的语法格式。每一个  文件，都必须以!开头，以"!结束

 !&&&&" !

 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件

本体。

!&&&&"!

0. 进制 234 码，语法格式： 23422293339444。在这种表示法中，后面三

个参数分别是红色、绿色、蓝色，他们的取值范围是 .((:--。以上两种表达方式可以相互转换，

标准是 01 进制与 0. 进制的相互转换。

直接颜色名称，可以在代码中直接写出颜色的英文名称。

以上三种表示方法的效果相同，一般 01 进制颜色代码的表示方法比较常用。读者可以根据自己的喜好

和实际情况来决定使用哪一种表示方法。关于不同颜色的定义，请查看相关资料。。

3#2 路径

2>266路径是一种互联网地址的表示法。在这个数据里可以包括以何种

协议连接、要连接到哪一个地址、连接地址的端口?号以及服务器@>里文件的完整路径和文件

名称等信息。在  中，2 路径分为两种形式：绝对路经和相对路径。

#绝对路径：

绝对路径是将服务器上磁盘驱动器名称和完整的伦够写出来，同时也会表现出磁盘上的目录结构。

语法格式： 6 !A6 BB5!

其中，6 !是某一种传输协议，而 6 BB5!则是连接的位置

信息。

例如：

 5+, A""***#55#,!

 5+,CA"""DA"" # ,!

#相对路径：

相对路径是相对于当前的  文档所在目录或站点根目录的路径。

语法格式：相对关系"部分路径"文件名

根据相对路径的参照点又可以分为相对文档的相对路径以及相对根目录的相对路径。

0!相对文档：

这种路径的表现形式是根据目标文档所在目录和当前文档所在目录之间的关系的一种表现形式。“##"<

表示上一级目录，没有“##"<表示当前目录。

例如当前文档的路径是："E60"# 。我们要找  目录下的 # 。而当前

的目录是 E60，我们要回到上一级目录中，所以路径是“##" # <。

剩余47页未读，继续阅读

内容反馈

kun1001

粉丝: 0
资源: 2

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip