Internet应用技术和HTML第8章.pptVIP

8.3 HTML基本标记与元素 6、排版标记 浏览器是忽略HTML文件中的自然行与段落的，分行和段落设置必须通过HTML标识来实现，常用格式化标记如下： 标记 描述 !--注解-- 说明标记，为文件加上说明，但不被显示 P 段落标记，为字、画、表格等之间留一空白行 BR 换行标记，令字、画、表格等显示于下一行 HR 水平线，插入一条水平线 CENTER 居中，令字、画、表格等显示于中间 PRE 预设格式，令文件按照原始码的排列方式显示 DIV 区隔标记，设定字、画、表格等的摆放位置 NOBR 不折行，令文字不因太长而绕行 WBR 建议折行，预设折行部位 8.3 HTML基本标记与元素 7、 链接标记A 格式：A href=URL name=texttext/A 链接标记虽然在网站设计中有不可替代的地位，但是其标记只有一个，那就是A标记。链接标记的属性如下： 属性 描述 href 指定链接地址 name 给链接命名 title 给链接提示文字 target 指定链接的目标窗口，可选值为：_blank， _parent， _self， _top， 框架名称。 8.3 HTML基本标记与元素 8 、图像标记IMG 格式：IMG src=URL alt=text align=top/middle/bottom 在插入图片的时候，仅仅使用IMG标记是不够的，需要配合其它的属性来完成。IMG标记属性如下表所示： 属性 描述 src 图像的源文件。指明图形的URL地址，常用图片格式。 alt 提示文字。指明图像显示的备用文本，即用于不能显示图象的浏览器或浏览器能显示图象但显示时间过长时，先显示图象的文本说明。 width，height 宽度、高度。决定图形的宽度、高度。 border 边框。决定边框线的宽度，0-表示无边框； vspace 垂直间距 hspace 水平间距 align 排列 8.3 HTML基本标记与元素 9、列表标记 列表用于按逻辑方式对数据分组。在HTML文件中可以创建一下两种类型的列表： 无序列表：无序列表就是“项目符号列表”。列表项前面带有项目符号，可以使用无序列表标记ul和/ul来包含。列表中的每一项都用列表标记li……../li来包含列表项。 有序列表：有序列表就是“项目编号列表”。列表项前面带有编号，可以使用有序列表标记ol……/ol来包含。列表中的每一项都用列表标记li……/li来包含列表项。 8.3 HTML基本标记与元素 10、表格标记 在HTML的语法中，表格有三个标记：表格标记、行标记、单元标记，如下表所示： 标记 描述 TABLE 表格标记，设定该表格的各项参数 TR 行标记 TD 单元格标记，表格栏，设定该表格的栏 TH 表格标头，如同TD，但其内之字体会变粗 CAPTION 表格标题，做成一打通列以填入表格标题 8.4任务：利用HTML制作简单网页 任务描述：利用HTML制作两个页面，一个是简单的欢迎页面，一个是内容页面。目的是认识网页的制作过程及网页间的切换。 步骤一：设计网页 方案：在网页上加入简单的图片和欢迎文字。 步骤二：创建首页 利用记事本编写如下代码，并命名为index.html 8.4任务：利用HTML制作简单网页 步骤三：创建内页 重复以上步骤，在主页文件index.html的同一目录下，新建内容页面xiaohui.html，该文件内容如下图 8.4任务：利用HTML制作简单网页 步骤四：组织文件 1. 选择一个文件夹或目录来存放该网站的文件。如在D盘根目录下新建一个文件夹，命名为myWeb。 2. 将前面已经建好的index.html、xiaohui.html文件放到myWeb目录下。 3. 在myWeb目录下，新建一个文件夹，命名为images，用来存放网页中用到的所有图片。 4. 将xiaohui.gif图片放入到images目录下，最终的目录结构如下图所示： 8.4任务：利用HTML制作简单网页 步骤五：浏览网页 8.5 相关拓展 1、常用网页制作工具简介 Dreamweaver是美国Macromedia公司开发的集网页制作和网站管理等功能于一身的所见即所得的网页编辑器，它是一套针对专业网页设计师特别开发的视觉化网页制作工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 2、常用网页美化工具 Photoshop Fireworks Flash Cool3D 8.5 相关拓展 3、常用网页脚本语言 JavaScript VBScript 4、常用网页扩展程序简介 CSS层叠样式表 动态HTML 5、常用Web程序设计语言 ASP ASP.NET PHP JSP 本章小结 本章首先介绍了静态网页的基本概念，并通过若干实例说明了HTML语言的