28
超链接标签<a>
将网络中的资源连接成一个整体 超链接是指从一个网页指向一个目标的 连接关系 实现信息之间的导航与跳转
链接
29
超链接基本用法
1.链接到同一网站的另一个页面
◦ <a href="index.htm">主页</a>
2.链接到另一个网站
◦ <a href="">新浪</a>
◦ 例如： ◦ <b>这是粗体字！</b><br/> ◦ <i>这是斜体字！</i><br/> ◦ 水的化学表示为：H<sub>2</sub>O<br/> ◦ x的立方表示为：X<sup>3</sup><br/>
25
span标记和div标记
<span></span> 在行内定义一个区域 <div></div> 定义一个块级的标记 span和div本身并没有对标记中的内容进行 任何格式化的处理，主要是把一下标记组 织起来，并利用css为这些标记定义统一的 样式，从而实现结构和表现分离。
◦ “文字”将显示在浏览器标题栏上
<style>…</style>定义CSS格式 <script language=“”>…</script>
◦ 用于定义脚本，例如 Javascript
13
设置网页的背景
设置背景颜色
<body bgcolor=“背景颜色”> …… </body>
设置背景图片
<body background=“背景图片”> …… </body>
14
设置网页的背景
背景图片
…… <html> <body background=“flower.jpg"> <head> 背景为黄色的页面。It’s so cool! <title>背景色设置 </title> </body> </head> …… <body bgcolor="yellow"> 背景为黄色的页面。It’s so cool! </body> </html>
4
优点与缺点
优点： 1、提高可用性和改进用户的友好体验； 2、有几个新的标签，这将有助于开发人员定义重要的内 容； 3、可以给站点带来更多的多媒体元素(视频和音频)； 4、可以很好的替代FLASH和Silverlight； 5、当涉及到网站的抓取和索引的时候，对于SEO（搜索 引擎优化）很友好； 6、将被大量应用于移动应用程序和游戏； 7、可移植性好。 缺点： 该标准并未能很好的被浏览器所支持。因新标签的引入， 各浏览器之间将缺少一种统一的数据描述格式，造成用 户体验不佳。
7
Html5版本
/
网页元标记，显示字符集的设定 整个文档的主要命名空间
8
2. HTML 基本结构
HTML文件是由标记和文本组成 。
◦ 标记（Tag）能够产生所需的各种效果。就像一 个排版程序，可将网页排成理想的效果。 ◦ 格式：<标记>受标记影响的文本</标记>
5
XHTML
XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言. XHTML语言是一种标记语言,它不需要编译,可以直 接由浏览器执行. XHTML是用来代替HTML的, 是2000年w3c公布发 行的. XHTML是一种增强了的HTML,它的可扩展性和灵 活性将适应未来网络应用更多的需求. XHTML是基于XML的应用. XHTML更简洁更严谨. XHTML也可以说就是HTML一个升级版本 XHTML是大小写敏感的,XHTML与html是不一样的. 标准的XHTML标签应该使用小写.
• 标记语言是一套标记标签 (markup tag) • HTML 使用标记标签来描述网页
3
HTML5
万维网的核心语言、标准通用标记语言下的一个应用超文本标 记语言（HTML）的第五次重大修改（这是一项推荐标准、外 语原文. HTML5的设计目的是为了在移动设备上支持多媒体。新的语法 特征被引进以支持这一点，如video、audio和canvas 标记。 HTML5还引进了新的功能，可以真正改变用户与文档的交互方 式，包括： · 新的解析规则增强了灵活性 · 新属性 · 淘汰过时的或冗余的属性 · 一个HTML5文档到另一个文档间的拖放功能 · 离线编辑 · 信息传递的增强 · 详细的解析规则 · 多用途互联网邮件扩展（MIME）和协议处理程序注册 · 在SQL数据库中存储数据的通用标准（Web SQL）
◦ 文件头部在文件标记 <html> 之后，其内容 可以是标题名，文本文件地址、创作信息 等网页信息说明，对应于相应的标记。如 标题标记<title>…</title>。 ◦ 本标记在 HTML 文件中不是必须的，如果 没有，浏览器也会照常解读文件。
12
head中的常用标签
<title>文字</title>
HTML简介
第1章 初探网页结构
HTML
HTML（Hyper Text Markup Language）: 超 文本标签语言 浏览器：“解释和执行”HTML源码的工具 网页：浏览器对HTML代码进行解析后展示的页 面
解析
2
1.1 HTML是什么
HTML 指的是超文本标记语言 (Hyper Text Markup Language) ， 是用来描述 网页的一种语言 , 是一种标记语言 (markup language) 。
17
1.2 文本相关标签
标题标签 段落标签 换行 水平线 特殊字符
18
标题标签
<h1>标题</h1> …… <h6>标题</h6>
<boby> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> </boby>
◦ 例如：<br>
5.样式使用
◦ 例如：<img alt="smile" src="smile.png" border="0"/> ==》
◦ <img alt="smile" src="smile.png" style="border-width:0"/>
6.id和name
◦ 同一网页中不同的元素不能有相同的id，但可以有相同的name。Id 是为了区分不同的元素对象，name是为了区分同一组中的不同子元 素对象。XHTML不支持name，但HTML5支持name。
19
段落标签
<p align=”对齐方式”>段落内容</p>
20
21
文本控制
<p>段落标记，划分段落 <br/> 强制换行 <hr/> 实现段落换行，并绘制一条水平 直线，同时在直线的上下段之间留有一 定的空白
◦ width、height 属性
<pre>预格式化标记 浏览器显示的内容 和代码中输入的文本信息格式完全相同。
16
Body标记（HTML5中使用style定 义样式）
<标记名 style="属性1：值；属性2：值 2.。。。。"></标记名> 常用样式属性： 1.text-align: 文本的对齐方式， “left”,“right”,”center” 2.background-color:背景颜色 3.color：字体的颜色 4.font-family：字体的名称 5.font-size：字体的大小
◦ 单一标记：只要一个标记就能完成所要表示的 功能，如<hr>可以显示一条水平的分隔线。 ◦ 成对标记：需要两个标记组合才能完成所需功 能，如<title>及</title>、<html>及</html>。
9
HTML元素
HTML的元素有以下三种表达方式
◦ <标记>对象</标记>
◦ <标记 属性1=参数1 属性2=参数2……>对象 </标记>
网页内容，可以 是文本、图像等
这部分包含文本、图像和链接，它包括在 这部分包括标题和其他说明信息，包括在 <html>…</html>标签标记 HTML <body>…</body> <head>…</head> 文档的开始和结束 标签内 标签内
11
（2）文档的标记
2、HTML文件头标记<head>…</head> HTML文件头标记的格式为： <head> 头部内容 </head>
