超文本标记语言HTML-中国网页设计.PPT

第二章 超文本标记语言HTML（一） 授课教师：姬广永 QQTEL学习交流网站:/ 基本概念 HTML： 超文本标记语言Hyper Text Markup Language。它不是象 C++ 和 Java 之类的程序语言，而是一种描述性语言，一种标记语言。 1.1 HTML 语法基础 1.1.1 HTML基本结构 第一张网页 html head title我的第一张网页/title /head body 大家好，这里是我的第一张网页的内容。 /body /html HTML文件规则 任何HTML标记都放在“”内，如html 有些标记需要参数，参数应该加于起始标记中，而有些标记不需要参数。如font size=“12”Hello/font 大部分标记成对出现，尾标记要在元素前加”/”。如/font。有些标记是可以单独使用的，如br换行标记。 HTML标记字母不区分大小写。 HTML标记可以嵌套使用，如:spanBABC/B/span 1.1.2 HTML文档头和文档体的基本标记 html head /head body /body /html HTML 开发 HTML 文档的结构 head/head标记 文档头部分通常放置：标题、样式、脚本语言等。 head头部标记 （1） title 标记 基本格式：title…/title 它所包含的内容显示在浏览器的标题栏中。 head头部标记 （2） link 标记 Link元素定义当前页面和其它文件之间的关系。常用于外部层叠样式表（CSS文件）的链接。 基本格式： link rel=stylesheet href=mystyles.css type=text/css rel参数说明两个文档之间的关系，链接一个外部样式表;href说明样式表文件的路径及名称。type表示链接的文档类型。 meta 标记 META标记用于描述当前HTML页面的一些文档信息，例如字符编码、作者、版权、关键字、截止日期和页面刷新间隔等。 用于设定网页内容的关键字 meta name=keywords content=yourkeyword1，yourkeyword2 用来标记搜索引擎在搜索你的页面时所取出的关键词。 对网页内容进行描述 meta name=description content=your homepages description meta 标记 用于在指定时间（以秒为单位）后自动对页面进行跳转或刷新meta http-equiv=refresh content=timenum; URL=new.htm 用来描述本页面使用的语言编码 meta http-equiv=Content-Type content=text/html; charset=gb2312 meta 标记 描述网页的制作者 meta name=Author content= Author name 调用最新版 meta http-equiv=Pragma content=no-cache meta 标记 图像工具栏 meta http-equiv=“Imagetoolbar content=no 练习（03.htm） 编写一个网页，要求3秒钟后自动跳转到的网站。 html head titlemy first page/title meta http-equiv=“refresh” content=“3;URL=http:// ” /head body p align=“center”三秒钟后本网页将自动跳转到硅谷动力网络学院首页/p /body /html （4） base 标记 base元素用来定义当前HTTP 文件基本URL，以设定文件中所有链接标记的参数默认值，其它如 ftp:// 及 gopher:// 等则不受影响。href参数只可填入一个相对或绝对路径，不必填入文件名称。 基本格式： base href=基本URL target=窗口 html head titleBASE Link/title base href=/ target=_blank /head body a href=index.htmbaselink/a /body /html HEAD元素示例 title?HEAD元素示例/title !－－网页标题?－－ meta?http－equiv=Content－Type?content=text/html;?charset=gb2312 网页内容类型:TXT或H