第2章创建HTML网页(免费阅读).pptVIP

第2章 创建HTML网页 2.1 HTML语言概述 2.2 创建基本网页 2.3 制作表格 2.4 制作表单 2.5 块级元素的使用 2.6 常用组件介绍 2.1 HTML语言概述 2.1.1 HTML概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML是用来表示Web文档的规范，它是由一些特定符号和语法组成的， 它使用标记来确定网页显示的格式，是网页制作的基础的语言 静态网页是标准的HTML文件，动态网页经过应用程序服务器的处理后 也将生成标准的HTML文件,文件必须有htm或者html扩展名。 2.1 HTML语言概述 2.1.2 HTML文档的结构 包括HEAD、TITLE、BODY三部分，下面是基本结构： HTML HEAD 标题部分 /HEAD BODY 正文部分 /BODY /HTML 2.1 HTML语言概述 2.1.3 HTML标记 1．HTML文档标记 格式：HTML…/HTML标志文件开始和结尾的标记。 2．HTML文件头标记 格式：HEAD…/HEAD用于包含文件的基本信息。 3．HTML文件主体标记 格式：BODY…/BODY文件主体标记。 注意：HEAD与BODY为独立的两个部分，不能互相嵌套。 2.1 HTML语言概述 2.1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。 为了减少网页设计师的工作，设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。 2.2 创建基本网页 2.2.1 段落格式标记 1．标题标记 格式：H1…/H1，H2…/H2…H6…/H6设置各种大小不同标题的标记。 2．段落标记 格式：P…/P设置段落标记。 3．预定格式标记 格式：PRE…/PRE在浏览器中浏览时，按照文档中预先排好的形式显示内容。 2.2 文本的格式与风格 4．词标记 这种标记有两种：BR和HR 格式：BR强制进行换行标记。 格式：HR插入水平线标记。 5．注释标记 格式：!--注释内容--注释标记。 2.2 文本的格式与风格 2.2.2 META标记属性 description网页的描述信息； keywords是关键字，供搜索引擎使用； Content-type用来设置网页的编码； author设置网页的作者姓名； refresh设置网页的自动更新，当content=“3;URL=”时，该网页打开3秒后，就自动转到站点。 案例如下： html head meta name =“description” content=“计算机学院主页” meta name =“keywords” content=“李,艳,波” meta http-equiv=“contype-type” content=“text/html;charset=iso8859-1” meta name =“author” content=“李艳波” meta http -equiv =“refresh” content=“3;URL=” /head body /body /html 结果见2－1.htm 2.2创建基本网页 2.2.3 创建文本 文本是网页最基本的元素，处理文字的时候通常这个标记font face=“隶书” size=“40” color=“red” xx/font。xx是要显示的字体。案例： htmlhead title/title /head body p align=“right”font face=“隶书” size=“40” color=“red”中国/font /p p align=“left”font face=“宋体” size=“40” color=“blue”中国/font/p body /html 结果如下：2－2.htm 2.2创建基本网页 字符的格式化 1．字体设置标记 格式：FONT…/FONT 功能：设置字体格式标记。 FONT标记提供了几种属性 ： size：设置文字的大小。 face：设置字体。 color：设置文字的颜色。 2.2创建基本网页 字体设置标记示例 html headtitle有序列表/title/head body ul lifont color=“red”长春/font/li li font size=100长春/font /li li font face=“隶书”长春/font /li li 济南/li /ul /