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的文字格式设置;（三）文字列