4.字形元素 使用标签<b>和</b>定义一个粗体字形元素,如代码1-5.html 中使用<b>Some Text</b>显示一个粗体字体。 <html> <head><title>HTML 文档示例</title></head> <body> <b>Some Text</b> </body> </html> 使用标签<u>和</u>定义一个下划线字形元素,如代码1-6.html 中使用<u>Some Text</u>显示一个
Tag Archives: 一起学习PHP
1.4.4 HTML 基本知识:HTML 的基本元素
1.4.4 HTML 基本知识:HTML 的基本元素元素是组成HTML 文档的关键,本节介绍HTML 常用的几种基本元素。 1.标头元素 HTML 使用标签<head>定义一个标头,结束标签是</head>。一般在<head>标签中设置文档的全局信息,如HTML 文档的标题(title)、搜索引擎关键字(keyword)等。HTML 文档的标题放在在头元素里,使用<title>标签定义。下面的代码1-2.html 是一个只有文档标题的HTML 文档。 代码1-2 只有文档标题的HTML 文档 1-2.html <html> <head><title>HTML 文档示例</title></head> <body> </body> </html> 用浏览器访问1-2.html,将看到一个空白的HTML 页面,但在浏览器窗口上,可以看到HTML 的标题. 2.标题元素这里的标题,是指HTML 文档中,内容的标题。标题元素由标签<h1>到<h6>定义
1.4.3 HTML 基本知识:元素
HTML 元素由标签定义,标签所定义的内容就叫“元素”,元素包含在开始标签和结束标签之间。 分析代码1-1 所示的HTML 文档。 <html> <head><title> HTML 文档示例</title></head> <body> <h1>HTML 文档</h1> 一个简单的Web 页面 </body> </html> 上述HTML 文档的如下部分 <h1>HTML 文档</h1> 就是一个HTML 元素,“HTML 文档”是这个元素的内容。 <body>
1.4.2 HTML 基本知识:标签
1.4.2 HTML 基本知识:标签 HTML 的全称是HyperText Markup Language,即超文本标记语言。它是一种简单、通用的标记语言。 之所以叫标记语言,是因为,HTML 通过不同的标签,来标记文档的不同部分。读者看到的每个Web 页面,都是由HTML 通过一系列定义好的标签生成的。 从简单的文本编辑器,如Windows 的记事本,到专业化的编辑工具,如Dreamveaver,都可以用来 编辑HTML 文档,编辑好的HTML 文档必须按后缀.html 或.htm 来保存,最后,通过浏览器打开HTML 文档,来查看页面效果。 在HTML 文档中,标签是包含在“<”和“>”之间的部分,如<p>就是一个标签。标签一般是成对 使用的,如<b>和</b>同时使用,其中<b>是开始标签,</b>是结束标签。HTML 的标签不区分大小写, 因此<B>和<b>表示的含义相同。表1-1 列举了常见的HTML 标签及其含义。 表1-1 常见的HTML标签及其含义 标签 含义 <html> 定义一个HTML文档,结束标签为</html>。 <head> 定义文档头部信息,结束标签为</head>。 <body> 定义HTML的文档体(即实际内容),结束标签为</body>。 <p> 定义一个段落,结束标签为</p>。 <br> 在文档中插入一个换行,或使用<br/>。HTML会忽略空白字符(如换行符),因此使用此标签来生成新行。 <!– 定义一个注释,注释结束使用–>,HTML文档的注释内容不会在Web页面中显示出来。 图1.3 展示了一个HTML 文档的基本结构,并对其做了说明。
1.4.1 HTTP 协议简介
HTML 是创建Web 应用的最基本内容,无论是动态还是静态页面,最终都要产生HTML 文档。所 有的Web 开发都要涉及到用HTML 设计Web 页面。本节将介绍HTML 语言及如何使用HTML 创建 Web 页面。 1.4.1 HTTP 协议简介 网络上的计算机之间要进行通信,就必须遵守一定的规则,这种通信规则就是网络协议。协议保证 网络上各种不同的计算机之间能够理解彼此传递的消息,好比操不同语言的人们之间,通过翻译来理解 对方所说话的含义一样。现在应用最广的Internet 使用的是TCP/IP 协议,而浏览WWW 使用的是HTTP 协议,即超文本传输协议(HyperText Transfer Protocol),此协议建立在TCP/IP 协议之上。 浏览网页的过程,其实就是一系列请求/响应的过程。HTTP 协议定义了这个请求/响应过程中请求和 响应的格式,及维护HTTP 链接的内容。 用户使用浏览器浏览一个Web 站点,首先通过一个网址,向网络中的某台计算机(即服务器)发 出请求,请求浏览某个页面。服务器在找到这个页面后,在响应中返回相应页面的内容。图1.2 表现了 这个请求、响应过程。
1.3.5 嵌入式脚本页面
PHP 代码一般都是嵌入在HTML 文档当中,通过服务器解释这些PHP 代码,并用代码执行产生的结果替换PHP 代码内容,最后返回给用户的是内嵌代码执行后的HTML 文档。例如内嵌生成“HelloWorld”的HTML 页面代码如下: <html> <head> <title>HTML-PHP</title> </head> <body> <h2><?php ehco “Hello World”; ?></h2> </body> </html> 其中<?php ehco “Hello World”; ?>就是内嵌在HTML 文档中的PHP 代码。当用户浏览该页面时,实际返回的结果如下: <html> <head> <title>HTML-PHP</title> </head> <body> <h2>Hello World</h2> </body> </html>
1.3.4 客户端的响应
Web 页面作为客户端,有时需要直接对用户的请求作出响应。这主要是通过客户端脚本来实现,这 些脚本语言包括JavaScript 等。 可以在HTML 页面中加入JavaScript 脚本,这些脚本可以直接在浏览器里执行。这样,就可以达到 在客户端响应用户请求的需求。一般这样的响应主要是验证表单数据、用户操作提示等。 本书将在1.6 节介绍JavaScript。
1.3.3 使用样式表实现页面效果
1.3.3 使用样式表实现页面效果 按照HTML 的设计初衷,文档的内容、结构与格式是分离开来的。如果过多地在HTML 文档中控 制页面的显示效果,会使HTML 文档的维护越来越难以维护,也违背了HTML 的设计初衷。为了解决 这个问题,引入了样式表的概念。一个简单的样式表如下所示。 说明:样式表负责控制页面的格式和显示效果,HTML 文档负责控制结构和显示内容。 p{ font-size:10pt; } 这个样式表定义的含义是,HTML 文档中所有用<p>标签定义的内容,都将使用10pt 大小的字体显 示。关于样式表语法和如何使用样式表,将在后面做讲述。
1.3.2 HTML 文档
HTML 文档就是使用HTML 标记语言创建的文档。通过浏览器浏览的网页,几乎都是HTML 文档, 或者是由服务器端程序生成的HTML 文档。下面就是一个HTML 文档的代码。 <html> <head><title> HTML 文档示例</title></head> <body> <h1>HTML 语言</h1> <p>First Web Page</p> </body> </html> 每个HTML 文档由HTML 标签和文档内容构成。也可以这么说,通过HTML 标签为一个普通文档 加上标记,就构成一个HTML 文档。例如上面的文档,实际内容(这里将文档标题除外)如下。 HTML 语言 First Web Page 对“HTML 语言”,加注标记“<h1>”和“</h1>”,即使之成为一级标题。 对“First Web Page”,加注标记“<p>”和“</p>”,即使之成为一个段落。 提示:浏览器通过分析HTML 标签后,显示出带有一定格式的文档内容,而HTML 标签本身并不 会被显示出来。
1.3.1 了解PHP、HTML、层叠样式表(CSS)和JavaScript 及其关系
作为服务器端的脚本语言,PHP 多数情况下都是和HTML 相互搭配来使用的。PHP 用来完成和逻辑有关的动态内容。PHP 程序执行的输出结果,通过HTML 文档表现给用户。一般情况下,在HTML页面中需要输出数据的地方内嵌入PHP 代码,这个页面也就成为了PHP 程序。 在创建HTML 页面时,都要考虑页面设计。如页面布局、页面颜色、字体、边距空白等。这些设置可以单独在页面中进行,但那样会使HTML 页面变得臃肿,也不便于将来的维护。层叠样式表解决了这些问题,它允许页面设计人员在层叠样式表(即CSS)文件里设定页面表现效果,如字体大小、边距控制等。CSS 使得HTML 页面的表现更加丰富、美观,也更加容易维护。 有时,在HTML 页面中需要对浏览器进行控制,如新建窗口、模拟浏览器的返回按钮等。这就需要在客户端使用JavaScript 完成这种效果。在与HTML 表单进行交互时,比如验证用户提交的数据,也可以通过JavaScript 实现。JavaScript 还可以用来处理用户cookie。 简单地说,PHP 在服务器端执行,执行结果会通过HTML 页面展示给客户端。HTML 页面的一些样式需要通过CSS 来设置,以便更丰富地设计Web 页面,而对HTML表单数据的验证可以通过JavaScript来实现。
