html标记语言报告.pptVIP

第六章 网页制作 Rows—主文档中各个框架的行定位 Cols 规定各个框架的列定位 取值：百分数、绝对像素值、* *：代表那些未被说明的框架 排列顺序：从左到右，从上到下 例：FRAMESET Cols=“40%,*,*” FRAMESET Rows=“40%,*” Cols=“50%,*,200” 第六章 网页制作 2.FRAME标记 单标记。 用来定义一个具体的框架，此标记用于FRAMESET标记对之间。 属性： Src和Name 都必须要赋值 Src属性：当前框架的源HTML文档的URL，浏览器将会在此框架中显示Src指定的HTML文档。 Name属性：此框架的名字，用来供超文本连接标志a Href=“” Target=“”中的Target属性用来指定链接的HTML显示在哪一个框架中。 第六章 网页制作 总结和作业: 去上机之前先看书 一、制作你的第一个网页，主题不限，健康向上即可。如：我的母校，介绍家乡，或者制作个人网页。要求包含上课所讲知识点：文字标记 （各种字体，字号，修饰如下划线等）排版标记 （对齐方式如：居中，段落，换行，横线等）图像标记 （src属性，对齐，边框等）超级链接标记 （用文字和图片做锚点） 二、网页完成后提交到 53 三、各班课代表，准备一份带学号的学生名单，安排好上机坐次后，将机器号对应写在名单上交给我。谢谢！ 第六章 网页制作 信息学院公共教学部 信息学院公共教学部 李英俊 ise_liyj@ 第 六 章 网页制作 之 HTML 标 记 语 言 第六章 网页制作 浏览器 HTTP请求 Internet HTTP请求 HTML或XML文档 服务器端 接受请求 找到动态网页 发送网页 运行动态网页， 生成静态网页 HTML或XML文档 WEB工作机制： 第六章 网页制作 6.1.1 网页的基本要素 1、文字 2、图片：背景图片 网页图片 3、超级链接 4、交互功能 6.1 网页制作概述 6.1.2 网页制作工具 1、超文本标记语言（HTML，HyperText Markup Language） 2、FrontPage 3、Dreamweaver 第六章 网页制作 6.1.3 网页美化工具 Photoshop Fireworks Flash 6.1.4 网页制作步骤 1、整体规划 2、网页设计与制作 3、测试网页 第六章 网页制作 文档数据：显示WWW浏览器中的数据内容 HTML文档 显示格式： 文档内容以何种格式显示。 HTML(Hyper Text Markup Language,超文本语言)是一种用来制作超文本文档的简单标记语言。 6.2 HTML语言 第六章 网页制作 控制语句以标记的形式出现。标记被封装在尖括号内，分为首标记和尾标记，成对出现，尾标记含“/”以同首标记区分。 有的控制语句仅需一个标记，没有尾标记。 HTML文件是一种纯文本文件，扩展名是.HTM 或 .HTML，可以使用任何文本编辑器，如：“记事本”和“写字板”等。 HTML 文档结构 第六章 网页制作 Basic tags 基 本 标 签 html /html Creates an HTML document 创 建 一 个HTML 文 档 head /head Sets off the title and other information that isnt displayed on the Web page itself 设 置 文 档 标 题 以 及 其 他 不 在WEB 网 页 上 显 示 的 信 息 title /title Puts the name of the document in the title bar 将 文 档 的 题 目 放 在 标 题 栏 中 body /body Sets off the visible portion of the document 设 置 文 档 的 可 见 部 分 第六章 网页制作 HTML HEAD TITLE一个最简单的超文本文件/TITLE /HEAD BODY 您好！这是在执行一个HTML文件br /BODY /HTML 例6.1 一个简单的HTML示例 第六章 网页制作 标记分为单标记和双标记两种类型。 单标记的语法： 例：br 双标记的语法： 例：p欢迎光临我的网页 /p 常用的HTML标记及其属性