HTML简介与PHP网页程序设计讲解.ppt

HTML简介与 PHP网页程序设计;教学内容;7.1 HTML网页设计技术基础;HTML即超文本标记语言，是用来描述因特网上网页内容和外观的标准语言。 HTML标记：HTML文档中使用标记来定义并描述HTML元素。所有的HTML标记都用一对尖括号括起来，如html、br等。 HTML标记的属性：在HTML文档中，定义并描述HTML元素的许多标记都有相应的属性，例如body bgcolor=blue。 HTML源文件：使用.htm或.html作为文件扩展名;下面以记事本为例说明HTML文档的创建与调试过程。 打开记事本。 编辑：在记事本编辑区编辑HTML源代码。 保存：单击记事本窗口的菜单栏的“文件|保存”命令，并在“保存类型”下拉列表中选择“所有文件”。 浏览：要查看某个网页的浏览效果，可以直接双击该文件。也可以在浏览器中用“文件|打开”命令打开。 调试：如果在浏览器窗口显示的页面效果不理想，可以返回到步骤(2)，反复修改测试直到满意为止。 ;HTML的基本语法结构;html和/html 明确文档开始和结束； head和/head 定义文档的头部； body和/body 定义文档主体； title和/title 定义网页标题。 p和/p 划分段落标记 br 段内换行标记，单标记 font和/font 定义字体标记 可设置size 、color、 face 等属性 a和/a 定义超链接;在HTML源代码中，使用form和/form定义表单 定义表单的基本结构如下： form input type=控件类型 value=控件选项值 name=控件选项名称 /form ;表单控件;type属性用于指定表单输入控件类型，常用属性值有： text——指定输入控件为单行文本框。 password——指定输入控件为密码框。 checkbox——指定输入控件为复选框。 radio——指定输入控件为单选按钮。 submit——指定输入控件为提交按钮。 reset——指定输入控件为重置按钮。;htmlheadtitle 网页制作/title/head body p align =centerfont size=6 color=red face=隶书春雪/font/p p align =center韩愈/p p align =center新年都未有芳华，二月初惊见草芽。br 白雪却嫌春色晚，故穿庭树作飞花。/p brbr p align =centera href=font size=6新浪/font/a/p p form font size=5 color=green face=宋体姓名/font input type=text name=xm input type=submit value=提交 /form /p /body /html;7.1.1 HTML概述;下面以记事本为例说明HTML文档的创建与调试过程。 打开记事本。 编辑：在记事本编辑区编辑HTML源代码。 保存：单击记事本窗口的菜单栏的“文件|保存”命令，并在“保存类型”下拉列表中选择“所有文件”。 浏览：要查看某个网页的浏览效果，可以直接双击该文件。也可以在浏览器中用“文件|打开”命令打开。 调试：如果在浏览器窗口显示的页面效果不理想，可以返回到步骤(2)，反复修改测试直到满意为止。 ;（二）HTML的基本语法结构;2. 相关标记简介;7.1.2 HTML文档头部设计;【例7-1】网页头部设计示例。 html head titleHTML头部设计示例/title meta name=keywords content=大学之道，在明明德 /head /html 在标记title /title之间定义的网页标题“HTML头部设计示例”，将显示在浏览器窗口的标题栏。 meta标记用于定义网页相关信息，该标记有多个属性，用于指定网页设计者、搜索关键字、网页刷新等信息。上例中定义了搜索引擎的搜索关键词为“大学之道，在明明德”。 ;7.1.3 HTML主体设计;7.1.3 HTML主体设计;7.1.3 HTML主体设计;（一）页面布局与基本标记;（1）设置正文标题 ;;【例7-2】网页标题与正文标题示例。 html head title 网页标题与正文标题/title /head body h1态度决定一切 /h1 h2细节决定成败/h2 h3知识成就未来/h3 h4性格决定命运/h4 h5乐观 坚强 /h5 h6阳光 进取！/h6 /body /html ;（二）HTML的文字格式设置;（三）文字列