简单的HTML网页制作.ppt

1、,简单的HTML网页制作,HTML概念,HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。,HTML文档的编写方法,手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编辑器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。,网页文件命名,*.htm或*.html 无空格 无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 i

2、ndex.html,HTML标签,标签的定义：HTML语言通知浏览器如何显示网页内容的方式 标签的形式： 所有标记符都用尖括号括起来 绝大多数标记符是成对出现的，即包括开始标记符和结束标记符，个别是单一标记符。例如： 开始标记符和结束标记符定义了标记符所影响的范围，它们的区别是结束标记符多了一个斜线/，例如： 好好学习 天天向上,HTML基本标签介绍,HTML 文件结构,Web页的结构 HTML 必须包含的基本结构标签： HTML标签： 头标签： 标题标签： 正文标签： 三大结构： 网页标题 正文 ,示例, 网页标题 标题1 段落1 标题2 段落2 标题3 段落3 标题4 段落4 标题5 段落

3、5 标题6 段落6 ,HTML元素,HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） ，比如 大多数 HTML 元素可拥有属性,HTML元素属性,HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。属性总是出现在HTML元素的开始标签，并且和元素名之间有一个空格分隔；属性总是以名称/值对的形式出现，比如：name=value。属性值用“”引起来。,示例, my firs

4、t page 河南师范大学 ,HTML基本的元素和其元素属性,元素 用于描述不包含在标准HTML里的一些文档信息，例如开发工具，作者，网页关键字，网页描述等。这些定义的内容并不在网页页面中显示，但是一些搜索引擎可以检索这些信息，浏览者可以根据这些关键字或描述查找到该网页。定义在元素中。 常用功能是设置自动转址功能使浏览器自动从一个地址跳转到另一个地址 meta 元素的常用属性包括： name =“”给出特性名 content =“”给出特性值 http-equiv=“” 指定 HTTP 响应名称，通常用于替换 name 属性，HTTP 服务器使用该属性值为 HTTP 响应消息头收集信息,1、用来标记文档的作者。 2、用来标记你的页面的解码。 3、用来自动刷新网页方式。 ,元素 元素表明是HTML文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 body 元素的常用属性包括： background= 背景图片文件名 bgcolor= 背景颜色 text = 文本默认颜色 topmargin = 信息内容的顶边距离 leftmargin = 信息内容的左边距离, 示例 三秒钟后本网页将自动跳转到河南师范大学首页 , 小结,HTML是表示网页的一种规范，它通过标签定