htm的l-常用标签.ppt

网页设计之HTML 主要内容 ? 第一课目标：HTML简介，HTML语言的标记语法和文档结构，介绍常用标签（文字，图片，表格） 第二课目标：表单，层，框架,CSS标签的介绍 HTML第一课目标 ? 1．?HTML简介2．?HTML语言的标记语法和文档结构3．?介绍常用标签（文字，图片，表格）及其属性4.???? 手动编写简单的网页 HTML概念 HTML 的全称是“超文本标示语言”(Hypertext Markup Language)。它包含代码集（称为“标记”），用于控制 Web 浏览器（如 Netscape Navigator、Communicator 或 Microsoft Internet Explorer）显示文档的方式。 我们所看到的网页，其实都是HTML代码通过浏览器翻译过来的 我们所要了解的，就是知道网页中我们看到的元素和HTML代码的一一对应关系,并能手写简单的页面 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html HTML 文件结构 html.../html head.../head body.../body 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML 文件结构(Document Structures) htmlhead （头部）meta http-equiv=Content-Type content=text/html; charset=gb2312 （该HTML编码方式）title无标题文档/title（标题）/head（头部）?body（主体）………/body （主体）/html 第一张网页 html head title第一张网页/title /head body 欢迎光临我的主页！ /body /html 基本组成部分——HTML元素属性 HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的 内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 第二张网页 html head title第一张网页/title /head body p align=center欢迎光临我的主页!/p /body /html HTML基本结构的有关元素和元素属性 HEAD元素——1 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 HTML基本结构的有关元素和元素属性 HEAD元素——2 meta元素 meta元素下面可以插入很多很有用的元素属性。下面介绍四种： meta name=keywords content=study,computer 用来标记搜索引擎在搜索你的页面时所取出的关键词。 HTML基本结构的有关元素和元素属性 HEAD元素——3 meta元素 meta name=author content=“wutao 用来标记文档的作者。 HTML基本结构的有关元素和元素属性 HEAD元素——4 meta元素 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式。 HTML基本结构的有关元素和元素属性 HEAD元素——5 meta元素 meta http-equiv=“refresh” content=“5;URL=” 用来自动刷新网页 练习 编写一个网页，要求3秒钟后自动跳转到校网主页。 html head titlemy first page/title meta http-equiv=“refresh” content=“3;URL=/”