当前位置:
文档之家› 第2章 HTML入门PPT教学课件
第2章 HTML入门PPT教学课件
2.2.4 HTML链接标签<link>
<link>标签可以设定外部文件的链接,可定义当前文档和其
他文件之间的关系。
Href:指定要定义关系文件的URL。
ID:指定某个链接的标识符。
Title:说明链接的关系。
Rel:指定当前文档和Href域中文档之间的关系。
Байду номын сангаас
例如:
<link rel="stylesheet" href="style.css"> <!--调入样式表, 链接样式表文件”style.css” -->
2.2 HTML头标记
HTML头标记指的是<head>标签。在浏览器窗口中,头部信 息是不显示在正文中的,在标记中可以插入其他的用来说 明文件的标题或公共属性的标记。<head>和</head>标 签中包含了许多信息,如文档类型、语言编码、 JavaScript和Vbscript的函数和变量、搜索引擎的关键字 和内容提示等。
<body alink="color value" link="color value" vlink="color value">
语法说明: alink是指鼠标在超链接上按下时文本的显示颜色。 link是指默认的超链接文本颜色,即超链接没有被单击过的
状态。 vlink是指连接过的超链接文本的显示颜色。其中color value
2.2.1 HTML标题标签<title>
<title>标签定义页面标题,在<title>和</title>之间加入页面 的标题文字就会在浏览器的标题栏显示出来,如果与动态 程序相结合,可以实现实时显示文章标题。例如,在ASP 编程时,在文章显示页的<title>和</title>标签中加入 News_rs(“News_Title”),当浏览者单击新闻标题时 ,文章显示页面的标题栏上就会显示这条新闻的标题。
<body text="color value"> 其中color value可以是色值的英语单词,也可以是十六进制。
2.3.2 背景属性
<body>的背景属性包括背景颜色属性(bgcolor)和背景图 像属性(background)。
1.bgcolor 用来设定整个前台页面的背景颜色。基本语法如下: <body bgcolor="color value"> 2.background 用来设定页面的背景图像。为了提高页面的打开速度,应该
HTML网页文件可以使用记事本、写字板或Dreamweaver等 编辑工具来编写,以.htm或.html为文件后缀名保存。对 于网站设计师来说,掌握HTML标记语言是基础。
2.1.2 HTML的基本语法
HTML标记是由“<”和“>”所括住的指令标记,用来向浏览 器发送标记指令。主要分为单标记指令和双标记指令。
2.2.3 HTML基链接标签<base>
使用基链接标签可以确保文档中所有的相对URL都可以被分 解成正确的文档地址。即使文档本身被移动过或被重命名 ,也可以正确解析。
在创建文档集合时,<base>标签的使用尤为重要。通过在 每个文档中放置正确的<base>标签,就可以在目录之间 、服务器之间移动整个文档集合,而不会破坏文档中的任 何链接。
第2章 HTML入门
HTML(Hyper Text Marked LanguageHTML编写的超本文 文档称为HTML文档,它独立于各种操作系统平台(如 UNIX、Windows等)。
最初的HTML语言功能是很有限的,仅仅能够实现静态文本 的显示。但是人们远远不满足于死板的类似于文本文件的 Web页。随着Internet的飞速发展,HTML语言也不断扩 展,逐渐开始支持图片、声音、视频、动画等。
2.2.2 HTML元信息标签<meta>
meta标签是一个辅助性标签,位于HTML文档头部的 <head>标记和<title>标记之间,所提供的信息是不可见 的。meta标签可以用来为搜索引擎定义页面描述,或定 义浏览器上的Cookie;也可以用来鉴别作者,标注内容 提要和文字,设置页面格式;还可以设置页面,比如可以 使其根据定义的时间间隔刷新页面。meta标签分为两大 部分:HTTP标题信息(http-equiv)和页面描述信息( name)。
2.1 HTML概述
通过浏览器访问的到的Web页面,通常是基于HTML的基础 上形成的,那么,什么是HTML呢?下面将介绍HTML的 概念及其基本语法。
2.1.1 HTML的概念
HTML语言是构建任何网站的基础语言。当畅游Internet时, 通过浏览器看到的网页是由HTML语言编写的。HTML是 一种建立网页文件的语言,通过标记式的指令(Tag), 将文字、图片、声音、视频等连接并显示出来。
将图片的尺寸和大小处理的尽量小,背景图像的显示一般 是对图像进行不断的重复平铺。基本语法如下: <body background="URL"> 其中URL是背景图像文件的路径。
2.3.3 超链接属性
<body>的超链接属性只对默认的没有运用样式的链接起作 用。现在CSS样式表的应用十分流行,因此在页面编辑 中一般很少用到<body>的超链接属性。基本语法如下:
<body>和</body>是HTML文档的主体标签。主体标签中包 含了网页中所有显示内容的标签。<body>有自己的属性 ,如表2.1所示。
2.3.1 文本颜色
<body>标签的文本属性只是页面中默认文本的颜色属性,即没 有对文本进行特定设置时的文本。如果对一段文本单独设置了 属性,则在<body>中设置的文本颜色就不会对此段文本起作 用。基本语法如下:
<link rel="short" href="tubiao.ico"> 标文件"tubiao.ico" -->
<!--地址栏图标,图
<link rel="bookmark" href="tubiao.ico"> <!--在收藏夹中
显示网站图标,图标文件"tubiao.ico"-->
2.3 HTML主体标记
是颜色值。
2.3.4 边距属性
<BODY>的边距属性包括上边距、下边距、左边距和右边距 。边距属性定义页面内容与浏览器边界留白的距离。基本 语法如下: