没有合适的资源?快使用搜索试试~ 我知道了~
html语言基本语法介绍教程.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 116 浏览量
2022-07-14
10:21:58
上传
评论
收藏 633KB PDF 举报
温馨提示
试读
28页
html语言基本语法介绍教程.pdf
资源推荐
资源详情
资源评论
HTML 语言教程
什么是 HTML 语言
HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言,由 W3C
(World Wide Web Consortium) 所制定和更新。我们可以用任何一种文本编译起来编辑 HTML 文件,因为
它就是一总纯文本文件。
HTML 语言的基本结构
下面我们来看一小段 HTML 语言的代码,来了解 HTML 语言的基本结构:
<html>
<head>
<title> HTML 语言的基本结构 </title>
</head>
<body>
HTML(HyperText MarkUp Language) 是使用特殊标记来描述文档结构和表现形式的一种语言。
</body>
</html>
将这一小段代码粘贴至文本文件中, 然后选择 “另存为 ”,将文件的后缀名改为 .htm 或者 .html 即可, 然后
再所在的目录下就可看到一个 IE 的图标,名字就是你所存的文件名称。
<html> …… ……</html>
这是声明 HTML 文件的语法格式。每一个 HTML 文件,都必须以 <HTML> 开头,以 </HTML> 结束
<head>…… ……</head>
这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头,并不属于文件本体。
<title> …… ……</title>
这是声明文件标题的语法格式。在这之中写下的所有内容,都将写在网页最上面的标题栏中。
<body>…… ……</body>
这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体,也就是说将会被显示在客户区之
中。
注意: 几乎每一种 HTML 语言的语法都是以 <>开头,以 </> 结束。在编辑 HTML 语言过程中,也可以使用
注释。语法格式为: <!-文件注释 ->。就好像 C 语言中的 /* …… …… */ 一样,中间的内容只是解释说明,
并不被编译器所编译。
HTML 语言的基本单位
1. 长度单位
长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性,同时也可以用来定
义这些对象在页面上的位置等属性,用来描述页面上可能遇到的各种长度。
长度的表示方法有两种:绝对长度和相对长度。他们的单位都是像素 (pixel) 和百分比 (%),像素代表的是
屏幕上的每个点,而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例,说明这两种
表示方法。
<html>
<head>
<title> HTML 语言的长度表示 </title>
</head>
<body>
HTML(HyperText MarkUp Language) 是使用特殊标记来描述文档结构和表现形式的一种语言。
<hr width=" 500"> <!绝对长度的声明 >
<hr width=" 50%"> <!相对长度的声明 >
</body>
</html>
在文本编译器中编译,改变网页的大小,就会看到这两者表示长度方法的不同。
其中 <hr> 标记是在页面上建立水平线的标记。 width 是水平线元素中的一种属性,用来表示水平线的
宽度。这里 width="500" 即表示这个水平线的宽度是 500 像素; width="%50" 即表示水平线占据客户区的总
宽度的 %50。
2. 颜色单位
和长度单位一样,颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位有三种表示方
法: 16 进制颜色代码、 10 进制 RGB 码、直接颜色名称。这三种表示方法不同,但是效果却是一样的。下
面用一小段代码说明这三种颜色的表示方法。
<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>
注意: 本文件在保存时请选择 Unicode 字符型进行保存。
16 进制颜色代码,语法格式: #RRGGBB 。16 进制颜色代码之前必须有一个 “#”号,这种颜色代码是
由三部分组成的,其中前两位代表红色,中间两位代表绿色,后两位代表蓝色。不同的取值代表不同的颜
色,他们的取值范围是 00--FF。
10 进制 RGB 码,语法格式: RGB(RRR,GGG,BBB) 。在这种表示法中,后面三个参数分别是红色、绿
色、蓝色,他们的取值范围是 0--255。以上两种表达方式可以相互转换,标准是 16 进制与 10 进制的相互
转换。
直接颜色名称,可以在代码中直接写出颜色的英文名称。
以上三种表示方法的效果相同,一般 16 进制颜色代码的表示方法比较常用。读者可以根据自己的喜好
和实际情况来决定使用哪一种表示方法。关于不同颜色的定义,请查看相关资料。。
3. URL 路径
URL(Universal Resource Locator) 路径是一种互联网地址的表示法。 在这个数据里可以包括以何种协议连
接、要连接到哪一个地址、 连接地址的端口 (Port)号以及服务器 (Server)里文件的完整路径和文件名称等信息。
在 HTML 中, URL 路径分为两种形式:绝对路经和相对路径。
a. 绝对路径:
绝对路径是将服务器上磁盘驱动器名称和完整的伦够写出来,同时也会表现出磁盘上的目录结构。
语法格式: <scheme>:<scheme_dependent_information>
其中, <scheme>是某一种传输协议,而 <scheme_dependent_information> 则是连接的位置信息。
例如:
<a href=" http://www.frontfree.net ">
<a href=" file:///D:/test/html.htm ">
b. 相对路径:
相对路径是相对于当前的 HTML 文档所在目录或站点根目录的路径。
语法格式: 相对关系 /部分路径 /文件名
根据相对路径的参照点又可以分为相对文档的相对路径以及相对根目录的相对路径。
<1>相对文档:
这种路径的表现形式是根据目标文档所在目录和当前文档所在目录之间的关系的一种表现形式。 “../ ”
表示上一级目录,没有 “../ ”表示当前目录。
例如当前文档的路径是: test/project1/index.htm 。我们要找 test 目录下的 html.htm 。而当前的目录是 p
roject1,我们要回到上一级目录中,所以路径是 “../html.htm ”。
<2>相对根目录:
剩余27页未读,继续阅读
资源评论
ll17770603473
- 粉丝: 0
- 资源: 6万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功