没有合适的资源?快使用搜索试试~ 我知道了~
是初学者学习web开发的首选教程,请不要错误。
资源推荐
资源详情
资源评论
第一章 HTML 概述与基本结构
一、HTML 的概述
的英语意思是:,即超文本标记语言
是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在
运行 文档时所遵循的规则和进行的操作 协议的制定使浏览器在运
行超文本时有了统一的规则和标准用 编写的超文本文档称为 文
档,它能独立于各种操作系统平台,自 年以来 就一直被用作WW
W(是 的缩写,也可简写 、中文叫做万维网 的信息
表示语言,使用 语言描述的文件,需要通过 浏览器显示出效果。
所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每
一个 文档都是一种静态的网页文件,这个文件里面包含了 指令代
码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置
的标记结构语言,易学易懂,非常简单。 的普遍应用就是带来了超文本
的技术!!!!通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一
个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:
通过 可以表现出丰富多彩的设计风格:
图片调用:"#$%&'()文件名)*
文字格式: "+,-%#.()/0)',,&()1++++)*文
字"2+,-*
通过 可以实现页面之间的跳转:
页面跳转:〈3&+()文件路径2文件名)*"23*
通过 可以展现多媒体的效果:
声频:"4%&'()音乐地址)35,%3&(*
视频:"4%&'()视频地址)35,%3&(*
从上面我们可以看到 超文本文件时需要用到的一些标签。在
中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标
签均由)")和)*)符号以及一个字符串组成。而浏览器的功能是对这些标记进行
解释,显示出文字、图像、动画、播放声音。这些标签符号用“"标签名字 属性
*6来表示。
只是一个纯文本文件。创建一个 文档,只需要两个工具,一个
是 编辑器,一个 浏览器。 编辑器是用于生成和保存
文档的应用程序。 浏览器是用来打开 网页文件,提供给我们查看
资源的客户端程序。
二、 HTML 的基本结构:
一个 文档是由一系列的元素和标签组成元素名不区分大小写
用标签来规定元素的属性和它在文件中的位置,
超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行
了一些必要的定义,文档体中才是要显示的各种文档信息。
下面是一个最基本的 78 文档的代码9
"*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!开始标签
"34*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
"#*一个简单的 示例 "2#*:头部标签
"234*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
",4;*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
"'-&*:
"*欢迎光临我的主页"2*:
"&*:
"&*:文件主体
"+,-%#.(<',,&(*:
这是我第一次做主页 :
"2+,-*:
"2'-&*:
"2,4;*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
"2*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!结尾标签
"*"2*在文档的最外层, 文档中的所有文本和 78 标签都
包含在其中,它表示该文档是以超文本标识语言()编写的。事实上,
现在常用的 浏览器都可以自动识别 文档,并不要求有 "78*标
签,也不对该标签进行任何操作,但是为了使 文档能够适应不断变化的
浏览器,还是应该养成不省略这对标签的良好习惯。
"34*"234*是 文档的头部标签在浏览器窗口中,头部信息
是不被显示在正文中的在此标签中可以插入其它标记用以说明文件的标题和
整个文件的一些公公属性。若不需头部信息则可省略此标记,良好的习惯是不
省略。
"*和"2*是嵌套在"34*头部标签中的,标签之间的文本是文
档标题,它被显示在浏览器窗口的标题栏。
",4;*"2,4;*标记一般不省略,标签之间的文本是正文,是在浏览
器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,34 标签和 ,4; 标签是嵌套在
标签中的。
三、 HTML 的标签与属性:
对于刚刚接触超文本的朋友,遇到的最大的障碍就是一些用“"6和 “*6括起
来的句子,我们称它为标签,是用来分割和标签文本的元素,以形成文本的布
局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来
标识文档某个部件。属性是标志里的参数的选项,
的标签分单标签和成对标签两种。成对标签是由首标签"标签名*和
尾标签"2标签名*组成的,成对标签的作用域只作用于这对标签中 的文档。单
独标签的格式"标签名*,单独标签在相应的位置插入元素就可以了,大多数
标签都有自己的一些属性属性要写在始标签内,属性用于进一步改变显示的
效果各属性之间无先后次序,属性是可选的,属性也可以省略而采用默认值=
其格式如下:
"标签名字 属性 属性 >属性 ?@*内容"2标签名字*
作为一般的原则,大多数属性值不用加双引号。但是包括空格、%号,#号
等特殊字符的属性值必须加入双引号。为了好的习惯,提倡全部对属性值加双
引号。如:
"AB()1CC)AB()宋体)DE()?)*字体设
置"2A*
注意事项:输入始标签时,一定不要在“"6与标签名之间输入多余的空格,
也不能在中文输入法状态下输入这些标签及属性,否则浏览器将不能正确的识
别括号中的标志命令,从而无法正确的显示你的信息。
第二章 HTML 主体标签及属性、颜色的设定
为了使你的网页绚丽多姿,吸引更多的浏览者阅读,可以给网页添加更多的
标签及属性,这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这
些标签。
一、 html 的主体标签<body>
在"*和"2*中放置的是页面中所有的内容,如图片、文字、表格、
表单、超链接等设置。
"*标签有自己的属性,设置 "*标签内的属性,可控制整个页面
的显示方式。
"*标签的属性
属 性 描 述
link
设定页面默认的连接颜色
alink
设定鼠标正在单击时的连接颜色
vlink
设定访问后连接文字的颜色
background
设定页面背景图像
bgcolor
设定页面背景颜色
lemargin
设定页面的左边距
topmargin
设定页面的上边距
bgproperes
设定页面背景图像为固定,不随页面的滚动而滚动
text
设定页面文字的颜色
格式:
"()1)()1)()1)
F()1)B()A8A)B()1)
A8(?8(>D()G)*
实例:
"78*
"7*
"* 的属性实例"2*
"27*
"B()1++++<)()1C)()1??++)
()1++++)F()1++)*
"B*
"7>*设定不同的连接颜色"27>*
测试 标签"*
"7A()7922HHHB82)*默认的连接颜色"2*
"*
"7A()7922HHHDB8B)*正在按下的连接颜色"2*
"*
"7A()7922HHHD7B82)*访问过后的连接颜色"2*
"*
"7A()1)'B()IFDB9HH7DBJ )*返回"2*
"2B*
"2*
"278*
实例说明:
"*的属性设定了页面的背景颜色,文字的颜色,链接的颜色为
1??C,单击的连接颜色为1CC,单击过后的颜色为1C。
里面的是页面中的链接标签,对于属性可根据页面的效果来定,用那
个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍,在这里就
不逐一引用了,我们的学习目的主要是掌握标签及属性的使用方法。
二、 颜色的设定
颜色值是一个关键字或一个 &$ 格式的数字。在网页中用得很多,在此就
先介绍一下。
颜色是由 ))))))三原色组合而成的,在 中对颜色
的定义是用十六进位的,对於三原色 分别给予两个十六进位去定义,也
就是每个原色可有 >0K种彩度,故此三原色可混合成 K<<<>K 种颜色。
例如: 白色的组成是 (C(C(C&$值即为 CCC
红色的组成是 (C((&$ 值即为 C
绿色的组成是 ((C(&$ 值即为 C
蓝色的组成是 (((C&$ 值即为 C
黑色的组成是 (((&$值即为
剩余63页未读,继续阅读
资源评论
lch790580731
- 粉丝: 2
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功