01 HTML基本标签2.pptVIP

HTML/CSS基础 HTML基本标签 本章目标 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 什么是HTML？ HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。 HTML文件的基本结构 HTML文档的结构 HTML 标签 HTML标签由标签、属性、内容组成，属性与内容可选。 包含内容的标签以…开始，/…结束，不包含内容的标签可以是如下格式：…/ 属性的值尽量用双引号或单引号修饰 标签中的内容可以是其他的标签，称为原标签的子标签，子标签必须在父标签结束之前结束 页面背景色或背景图像 head中的标签 文本相关标签 字体、字号 标题标签h1－h6 font标签 特殊符号 行的控制 段落标签p 换行标签br 字体、字号相关标签 标题标签 h# ... /h# #=1, 2, 3, 4, 5, 6 说明：h1到h6 字体大小依 次递减 特殊文本格式 sub下标文字 sup上标文字 del删除线 字体、字号相关标签 font标签 特殊符号 行的控制相关标签 段落标签p 段(paragraph) p 换行标签br 换行 br 内容分隔HR标签 hr size=5 color=red width=300 Html格式化 bdo dir=rtl Here is some Hebrew text /bdo address 上海赢科投资有限公司br / 金桥开发区 789 号br / /address pre 这是 预格式文本。 它保留了 空格 和换行。 /pre 常见的图片格式介绍 图像标签 图像的基本语法 img src=“images/adv_2.jpg” width=“300“ height=”150“ alt=“在线报名 URL的概念 统一资源定位符(Uniform Resource Locator)是地址的别名 Internet上的每个文件都有一个唯一的URL URL的构成 模式(scheme) 服务器名 路径 文件名 URL的模式 HTTP 超文本传输协议 /cn/file.html FTP 文件传输协议 /cn/file.html Mailto 电子邮件协议 mailto:master@ File 文件协议 file:///c|/path/home.htm 绝对路径与相对路径 相对路径 指定相对于当前文件的文件位置。 绝对路径 指定从根目录到文件的完整路径。 页面链接A标签 要链接到同一目录 (C:\HTML) 下的页面，可编写 a href = “Doc1.htm” 或 a href = “C:\html\Doc2.htm” 页面链接锚标记 链接到本页面 页面链接A标签 电子邮件链接 图像链接 a href=“” img src=“images/adv_2.jpg” border=“0” width=300height=150 /a 滚动marquee标签 marquee scrolldelay=“100” direction=“up 滚动文字或图像 /marquee 滚动marquee标签 marquee scrolldelay=100水平滚动/marquee marquee scrolldelay=200 direction=up 垂直滚动 /marquee marquee scrolldelay =300 direction=up onmouseover=this.stop() onmouseout=this.start() /marquee 总结 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 * Tim Berners.Lee html head title我的第一个网页 /title /head body Hello World! /body /html HTML 网页 HEAD头部部分 BODY主体部分 网页标题 网页内容，可以是文本、图像等 font color=“red”行知汇元/font body background=back_image.GIF Hello World！ /body …… body bgcolor=#FFCCFF Hello World! /bod