网页设计及制作-第2讲.ppt

HTML的 表格标记 表格是网页排版的灵魂。无论是使用HTML语言编辑的网页，还是具备动态网站功能的网页，都要借助表格进行排版。浏览网站，会发现几乎所有的网页都要或多或少地采用表格。我们可以使用表格来做报表、网页排版、拼接图片等。 Lili@163.com 输入E-mail ****** 输入密码 * * 第3章 HTML 简介 教学内容: HTML概述 HTML的文本格式标记 HTML的表格标记 HTML的图像与多媒体标记 HTML的超级链接标记 HTML的表单标记 HTML的框架标记 HTML的综合实例 HTML语言的基本概念和基本结构 HTML的全称是hypertext makeup language,中文意思是超文本标记语言。 HTML是网页制作最基础的语言，是将纯文本和格式化指令混合在一起的一种标记性语言。HTML语言只描述文档的结构，而不能描述实际的表现形式。它以标签标示及排列各对象，标签内的内容称为元素。 HTML文件的基本结构 HTML文件开始 HTML文件结束 HTML文件的头部区段 HTML文件的主体区段 HTML文件的基本结构.html HTML文件的编写方法 ——手工直接编写 用“记事本”编制网页源代码文件 用“浏览器”软件显示其网页效果 用记事本编写的HTML文档的例子 注意：文件存盘时一定要加上文件的扩展名 .HTML HTML文件的编写方法 ——使用可视化软件编写 使用FrontPage HTML文件的编写方法 ——使用可视化软件编写 使用Dreamweaver HTML语言基本语法 HTML文件由标签组成，绝大多数标签都成对出现。 在起始标签和结束标签的中间部分是网页的内容。 HTML标签有下列三种表示方法： 1、标签名文件或超文本/标签名 2 、标签名 属性名1=“属性值1”...文件或超文本/标签名 3、标签名 HTML文档中的基本结构标记 HTML /HTML 网页的开始和结束标记 HEAD /HEAD 网页的头部标记 TITLE /TITLE 网页的标题标记 BODY /BODY 网页的主体标记 HTML文档中的主体标记 BODY /BODY 主体标记BODY中放置了页面中的所有内容，如文字、图片、表格、表单、链接等；设置BODY的属性可定义页面文字的颜色、背景的颜色、背景的图象等。 BODY元素的属性： Text 设定页面文字的颜色 Bgcolor 设定页面的背景颜色 Background 设定页面的背景图象 参考教材P55 设置页面文字颜色 BODY TEXT=#FFFFFF 2. 设置页面背景颜色 BODY BGCOLOR=#FFFFFF 3. 利用平铺图像作背景 BODY BACKGROUND=“图象文件名” HTML文档中的主体标记 页面背景与文字颜色.html BODY TEXT=#FFFFFF BODY BGCOLOR=#FFFFFF #FF0000 红色 #FF00FF 紫色 #00FF00 绿色 #00FFFF 青色 #0000FF 兰色 #FFFF00 黄色 注：每两位的取值是从00-FF，前两位为红色的深浅， 中间两位是绿色的深浅，最后两位是蓝色的深浅。 HTML文档中的颜色 色彩意象表.html Body输入普通文字/Body Comment,!…… 输入注释语句 Hn /Hn 标题标记 n的取值1~6 Font /Font 字体标记 HTML的文本格式标记 这些标记放在主体区段中 !—文件范例： HTML中的文字.HTM html head title主体区段中的标题字显示效果/title /head body 网页中的文字 COMMENT标题字H1-H6 /COMMENT H1网页制作与发布/H1 H2网页制作与发布/H2 H3网页制作与发布/H3 H4网页制作与发布/H4 H5网页制作与发布/H5 H6网页制作与发布/H6 /body /html 网页中的文字 标题格式标记.html 文字修饰标记 B/B 粗体字 I/I