一、HTML介绍
1. HTML概念
1. HTML基本概念
HTML(Hyper Text Markup Language),即超文本标记语言。是目前网络上应用最为广泛的语言,是构成网页文档的主要语言。
HTML文本是由HTML组成的描述性文本,HTML命令可以说明/描述文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部(head)、主体(body)两部分,其中头部描述浏览器所需的信息,而主体则包含需说明的具体内容。
1.1 HTML是什么
HTML是超文本标记语言,主要的用处是制作网页。通过HTML语言的描述,可以在网页上显示文字、图像、视频和声音等内容。
1.2 HTML可以做什么
HTML可以编写静态网页,该静态网页可以包含文字、图形、动画、声音、表格、链接等内容,从而构成一个精美的网页。
网页分为静态网页(html页面)和动态网页(php/jsp/asp/asp.net/cgi页面)。
静态网页:用于向用户呈现内容信息,不能与用户进行数据交互。静态网页中可能包含flash动画内容,或者是通过Javascript网页能够产生“动态效果”,但依旧还是静态网页。
动态网页:不仅能够向用户呈现内容,能够与用户进行数据交互。与静态网页的区别在于动态网页带有“功能”。如,用户发帖功能的实现,就需要使用到动态网页技术,接收用户提交的发帖内容,经过程序处理,将用户发的帖子内容显示在论坛中。
2. html发展历史
2.1 html发展历史
蒂姆·伯纳斯·李万维网之父,html的设计者,W3C组织的创始人。
1993年标记语言第一版;
1995年html2.0;
1996年html3.2 W3C推荐标准;
1999年html4.0.1 W3C推荐标准;
2000年xhtml1.0 W3C推荐标准;
2001年xhtml1.1;
2008年html5…
说明:1999年html逐渐向xml发展,出现了xhml。xhtml可以理解成html的加强版。html语法要求简单,而xml语法要求非常严格,xhtml可以算是html向xml过渡的中间物。
2.2 W3C组织介绍
W3C是英文world wide web consortium的缩写,译为W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立,创建者是万维网发明者Tim Berners-Lee。
W3C组织是专门制定网络标准的一个非盈利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来制定。W3C会员包括生产技术产品及服务的产商、内容供应者、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力于在万维网发展方向上达成共识。
2.3 HTML和XHTML的区别
发展方向:html→xhtml→xml。
html语言本身存在一些缺陷(比如,内容和样式不能分离,标记单一,数据不能复用等),随着XML的兴起,XML越来越受到国际认可,所以人们希望用XML来弥补HTML的不足,但是目前已有成千上万的网页都是基于Html编写的,使用XML来完全代替存在很大难度,于是W3C组织在2000年推出XHTML1.0。
建立XHTML标准的目的就是为了在HTML向XML过渡时更加平滑。
3. HTML运行原理
3.1 html文件的运行方式
html文件的运行有2种方式:本地运行和远程访问运行。
本地运行:选中html文件,单击鼠标右键选择使用浏览器打开,即可以看到执行结果。html文件可以存放到电脑磁盘上的任意文件夹中。
远程运行:浏览器地址栏输入“远程服务器的IP地址+路径+html文件名”访问执行指定html文件。html文件必须存放在服务器下指定的文件夹中,如apache服务下的www/htdocs文件夹中。
案例:
demo.html,位于C:\html\目录(打开电脑的C盘,在C盘新建一个名称为html的文件夹)下,写下如下代码。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>HTML运行方式</title>
</head>
<body>
Hello,world
</body>
</html>
浏览器相关知识
使用浏览器打开demo.html文件,我这里的使用的是ie11浏览器,浏览器信息如下:
!浏览器的信息
浏览器组成介绍:以ie11浏览器为例,介绍浏览器的组成。
!浏览器的组成
- 地址栏;输入地址可以访问网页。
- 标题栏;显示网页的标题。
- 常用/快捷命令栏;第一个表示快捷打开主页,第二个表示快捷收藏网页,第三个表示快捷设置。
- 菜单栏;通过菜单栏可以对浏览器进行设置。
- 收藏栏;显示用户收藏的网页。
- 命令栏;
- 状态栏;显示浏览网页时的页面状态。
- 内容区。
- 最大化、最小化、关闭按钮位于浏览器的右上角;可以最大化、最小化、关闭浏览器窗口。
- 下拉按钮;当内容区有很多的显示内容,浏览器内容区因窗口大小限制,无法一次性显示页面全部内容。浏览器的右侧会出现一个下拉按钮,鼠标拖动下拉按钮可以查看更多的内容。
本地运行
选中带有html后缀名的文件→单击鼠标右键→打开方式→选择浏览器。
运行结果如下:
!demo运行结果
说明:浏览器地址栏显示C:\html\demo.html,其中“C:\html\”为demo.html文件存放的磁盘路径,demo.html为文件的名称。
远程运行
浏览器地址栏输入“远程服务器的IP地址+路径+html文件名”访问执行指定html文件。
!远程运行HTML文件
说明:
Ⅰ.127.0.0.1是服务器的ip地址,/html是demo.html文件在服务器下的存放路径,demo.html为html文件的名称。
Ⅱ.本案例中,使用的服务器是apache,demo.html文件存放在apache服务器指定的文件夹www下的html文件夹中。apache服务器的使用,在后续的PHP课程中再继续介绍。
3.2 .htm 还是 .html 文件后缀?
当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。
区别:
Ⅰ.访问一个远程网站时,该网站服务器目录下同时有index.html和index.html,默认优先访问.html后缀的文件。
Ⅱ..htm后缀是因为很久前的软件后缀名只允许包含3个字母。html后缀是为了兼容以前的dos系统“8.3”命名规范,即文件名8个字符,后缀名3个字符。
Ⅲ.对于如今的软件,2种后缀名的html文件都可以正常执行。