教女友学PHP之HTML①

来源：互联网发布：数控编程人员工资待遇编辑：程序博客网时间：2024/05/02 00:52

一、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文件都可以正常执行。

0 0