HTML讲堂第一课 HTML概述与基本结构
一、HTML的概述
HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,自1990年以来HTML就一直被用作WWW(是World Wide Web的缩写,也可简写WEB、中文叫做万维网) 的信息表示语言,使用HTML语言描述的文件,需要通过WEB浏览器显示出效果。
所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:
通过HTML可以表现出丰富多彩的设计风格:
| 图片调用:<IMG SRC="文件名"> 文字格式: <FONT size="""+5 " size="""#00FFFF">文字</FONT> |
通过HTML可以实现页面之间的跳转:
| 页面跳转:〈A HREF="文件路径/文件名"></A> |
通过HTML可以展现多媒体的效果:
| 声频:<EMBED SRC="音乐地址" AUTOSTART=true> 视频:<EMBED SRC="视频地址" AUTOSTART=true> |
从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来表示。
HTML只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。
二、 HTML的基本结构:
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,
HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:1-1.html
<HTML></HTML>在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记,良好的习惯是不省略。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
<BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。
三、 HTML的标签与属性:
对于刚刚接触超文本的朋友,遇到的最大的障碍就是一些用“<”和 “>”括起来的句子,我们称它为标签,是用来分割和标签文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项,
HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签名> 和尾标签</标签名>组成的,成对标签的作用域只作用于这对标签中 的文档。单独标签的格式<标签名>,单独标签在相应的位置插入元素就可以了,大多数标签都有自己的一些属性, 属性要写在始标签内,属性用于进一步改变显示的效果, 各属性之间无先后次序,属性是可选的,属性也可以省略而采用默认值;其格式如下:
| <标签名字 属性1 属性2 属性3 … >内容</标签名字> |
作为一般的原则,大多数属性值不用加双引号。但是包括空格、%号,#号等特殊字符的属性值必须加入双引号。为了好的习惯,提倡全部对属性值加双引号。如:
| <font color="#ff00ff" face="宋体" size="30">字体设置</font> |
注意事项:输入始标签时,一定不要在“<”与标签名之间输入多余的空格,也不能在中文输入法状态下输入这些标签及属性,否则浏览器将不能正确的识别括号中的标志命令,从而无法正确的显示你的信息。
最新文章
- HTML讲堂第十课 表单设计及表单提交 [09-06]
- HTML讲堂第九课 多视窗口 框架网页 [09-06]
- HTML讲堂第八课 网页的动态、多媒体 [09-06]
- HTML讲堂第七课 表格TABLE标签使用 [09-06]
- HTML讲堂第六课 图像的处理 图像的 [09-06]
- HTML讲堂第五课 建立列表 无序列表 [09-06]
- HTML讲堂第四课 建立超链接 FTP链接 [09-06]
- HTML讲堂第三课 HTML文字版面的编辑 [09-06]
- HTML讲堂第二课 HTML主体标签及属性 [09-06]
- HTML讲堂第一课 HTML概述与基本结构 [09-06]
推荐文章
HTML讲堂第十课 表单设计及表单提
HTML讲堂第九课 多视窗口 框架网
HTML讲堂第八课 网页的动态、多媒
HTML讲堂第七课 表格TABLE标签使
HTML讲堂第六课 图像的处理 图像
HTML讲堂第五课 建立列表 无序列
HTML讲堂第四课 建立超链接 FTP链
HTML讲堂第三课 HTML文字版面的编
HTML讲堂第二课 HTML主体标签及属
HTML讲堂第一课 HTML概述与基本结
FLASH在IE浏览器里需要手动点击更
HTML文档规范化简洁化 HTML TIDY
媒体播放器 在网页中播放CD代码及
浏览器兼容性问题 CSS HACK浏览器
CSS浏览器兼容问题IE6/IE7/Firef
兼容问题 IE6.0,IE7.0与FireFox的
怎样使IE7显示HTML里的Object元素
Hibernate教程之HQL语句讲解及用
HTTP1.1协议服务器状态代码及其各
HTTP协议基础及HTTP协议中POST和


热点文章
JS实现浏览器菜单命令
利用ASP打造网站论坛DIY(上)--强
计算机常用英语、术语、词汇表
介绍一个免费的具备数据显示/录入
Linux 常用命令(磁盘管理)
SQL Server SQL语句导入导出大全
文字发音动态链接库函数调用说明
VC++下使用ADO编写数据库程序
程序员四大忌
SQL语句大全
在线媒体播放器全新揭密
SQL Server SQL语句导入导出大全
ASP开发web站点
HTML语言剖析_表格标记
用VB实现软件试用期
使用JavaScript访问XML数据
Linux 常用命令(进入与退出系统)
在Web页中使用Media Player
document.execCommand() 解析
有关网页制作的一些基本概念
注册表在IE中的应用技巧
三种禁用FSO组件的方法
ASP教程:堵住ASP漏洞
Linux 常用命令(系统管理)
SQL Server SQL语句导入导出大全
VC++下使用ADO编写数据库程序
挂QQ的网页源代码[ASP/PHP/JS
关于ASP访问ACCESS数据的错误的探
SQL Server SQL语句导入导出大全
Linux 常用命令(在Linux环境下运

