html课件-第1、2章 网页概述和HTML简介.pptVIP

HTML基础教程 想，要壮志凌云； 做，要脚踏实地。 人生没有彩排， 每天都是直播。 网页的基本元素 文字：网页上传达信息的主体 图像：视觉印象比文字强烈，可以用来制作标题、背景、主图和链接按钮等 声音和视频： 超链接：一个网页和另一个目的地（网页、图片、文件、程序）的连接点，可以分为文本超链接和图像超链接 表格： 表单： 导航栏： 其他特殊效果： 表单实例 1.2网页制作工具 1、网页编辑工具 FrontPage Dreamweaver 记事本 2、网页图像工具与动画制作工具 Fireworks Flash director 1.3网页的技术构成 网页的产生是设计和技术的结合，从技术上划分： HTML CSS ASP php 第2章 HTML基础 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，使用各种不同的标记符号来分别标识和设定不同的网页元素。 每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。 HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。 概述 HTML标记是由 和 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 起始标记 ， / 结束标记 所构成 ) 。它是一种介于前台和后台的语言。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成以 .htm 或 .html 为文件后缀保存将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 HTML文档基本结构 包括HEAD、TITLE、BODY三部分，下面是基本结构： HTML HEAD title标题部分/title /HEAD BODY 正文部分 /BODY /HTML 如何保存一个HTML文件 HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后以 .htm或 .html 为文件后缀保存 HTML 语法示例1： 基本结构标识 html head /head body /body /html 注意：在HTML中是不分大小写的。 标记要书写规范，包括标记的缩进! HTML文件基本架构 HTML 文件开始 HEAD 标头区开始 TITLE.../TITLE 标题区 /HEAD 标头区结束 BODY 本文区开始 本文区内容 /BODY 本文区结束 /HTML 文件结束 注意： HTML 网页文件格式。 HEAD 标头区 : 记录文件基本资料，如作者、编写时间。 TITLE 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 BODY 本文区 : 文件资料，即在浏览器上看到的网站内容 2.6.3 编写文件的注意事项 编写HTML文件时要注意以下几点： 1．“”和“”是任何标记的开始和结束，结束的标记前记得加一个斜杠“/”； 2．标记与标记之间可以嵌套，如： H2CENTER我的第一个HTML 文件/CENTER/H2； 3．在源代码中不区分大小写，如：HEAD、head和Head这几种写法都是正确并且相同的标记； 4．任何回车和空格在源代码中不起作用，要起到相应的作用必须用相应的标记，如换行标记是br； 5．HTML标记中可以放置各种属性，如： H2 ALIGN=CENTER我的第一个HTML 文件/H2 6. 如果希望在源代码中添加注释，便于阅读，可以以“!--”开始，以“--”结束，代码如下： !-- -- !-- 文件范例：2-1.htm -- !-- 文件说明：第一个HTML文件 -- !-- -- 注释语句只出现在源代码中，而不会在浏览器中显示。 * * 网络工程系 李亚哲 静态网页与动态网页 静态网页： 所谓“静态”，指的就是站点的页面内容是“固定不变”的。 动态网页： 浏览器端和服务器端可以互动，也就是服务器端可以实时处理浏览器端的请求，然后将处理结果（动态生成的网页）响应给浏览器端。 Html.htm HTML HEAD TITLE欢迎学习 HTML/TITLE /HEAD BODY H3我的第一个 HTML 文档/H3 /BODY /HTML 运行结果 * * *