HTML教程2
合集下载
HTML2.0
HTML常用标记 常用标记
段落标记
1-6
1.标题文字标记: 1.标题文字标记:<Hn align = 对齐方式> 标题文字 </Hn> 标题文字标记 2.分段标记: 2.分段标记:<P align = 对齐方式> 文字 </P> 分段标记 说明：分段标记不仅使得后面的文字换行输出，还将在两个段落 之间产生一个空行。分段结束标志 </P> 可以省略。 3.换行标记: 3.换行标记:文字 <BR> 换行标记 说明：可以连续使用多个<BR> 标记来产生多个空行 4.横线标记 4.横线标记:<HR size = 粗细 align = 对齐方式 width = 宽度 横线标记 color = 颜色> 说明：可以连续使用多个<BR> 标记来产生多个空行
HTML常用标记 HTML常用标记
头部标记 <HEAD>和</HEAD>是HTML的头部标记，其中主要包 和 的头部标记， 是 的头部标记 括对当前网页的一些基本描述信息，例如网页标题、 括对当前网页的一些基本描述信息，例如网页标题、一 些说明信息和搜索关键字等。 些说明信息和搜索关键字等。
网页标题标记
HTML框架标记 HTML框架标记
iframe标签:iframe 元素会创建包含另外一个文档的内联框
html(2)教案
15’
学习标签。学习使用记事本写简单的表格代码。完成任务1。
下行观察指导，释疑
观察示范网页，模仿操作。
5’
前面任务小结，布置新任务。
使用电子教室小结前面任务，总结。布置学习合并单元格的代码，单元格背景，颜色代码，框线粗细、颜色代码。
观察，思考，记录任务。
20’
尝试写出复杂表格代码，并且测试。完成任务2。
实训：机房，server2003，安装文件。
六、教学用具：
PC，投影仪，相关软件。
七、课时安排：共计4课时。
第1-2课时：表格代码学习。
第3-4课时：分块代码学习。
八、教学过程
时序
教学内容及环节（第1、2课时）
教师活动
学生活动
10’
分析学生作业，简化代码，分析问题，解决问题。
使用投影仪或是电死教师演示，打开学生作业，讲解作业中的问题，提出解决问题的方法。
5’
小结2
小结技术要点
整理笔记资料
后记
第3、4课时（理实一体化）
观察、思考、记录，可以讨论。
10’
共同分析其他学生的作业并且评价。
使用投影仪或是电子教室演示，打开学生的作业，引导学生分析。
观看，思考、思考，提出自己的看法，观点，发现作业的问题，提出自己的解决方法。
10’
学习table标签。
展示老师做出的学习网页2，布置本课的主要任务，提出要求
学习标签。学习使用记事本写简单的表格代码。完成任务1。
下行观察指导，释疑
观察示范网页，模仿操作。
5’
前面任务小结，布置新任务。
使用电子教室小结前面任务，总结。布置学习合并单元格的代码，单元格背景，颜色代码，框线粗细、颜色代码。
观察，思考，记录任务。
20’
尝试写出复杂表格代码，并且测试。完成任务2。
实训：机房，server2003，安装文件。
六、教学用具：
PC，投影仪，相关软件。
七、课时安排：共计4课时。
第1-2课时：表格代码学习。
第3-4课时：分块代码学习。
八、教学过程
时序
教学内容及环节（第1、2课时）
教师活动
学生活动
10’
分析学生作业，简化代码，分析问题，解决问题。
使用投影仪或是电死教师演示，打开学生作业，讲解作业中的问题，提出解决问题的方法。
5’
小结2
小结技术要点
整理笔记资料
后记
第3、4课时（理实一体化）
观察、思考、记录，可以讨论。
10’
共同分析其他学生的作业并且评价。
使用投影仪或是电子教室演示，打开学生的作业，引导学生分析。
观看，思考、思考，提出自己的看法，观点，发现作业的问题，提出自己的解决方法。
10’
学习table标签。
展示老师做出的学习网页2，布置本课的主要任务，提出要求
第2章 HTML基础
表单的基本语法:
<form name=“表单名” action="url" method=*> ... <input type=submit> <input type=reset> </form>
3、常用标记 –表单(FORM)标记 表单(FORM)标记
Method属性的两个方法：
GET方法：将表单数据附加在Action属性指定的URL地址之后， 并在URL地址与表单数据间加上一个“？”分割符，表单的各个 URL 数据项间用“&”分割符。 & http://localhost/test.asp?txtid=012&txtusename=ucau GET方式一次最多只能提交256个字符； POST方式是将表单数据作为一个独立的数据块在后台直接发送 给服务器。
3、常用标记 –表单对象标记
6）下拉列表 ）
基本语法 <select name="edu" size="1" id="edu" multiple > <option value=" value="硕士以上">硕士以上</option> "> </option> <option value="大学本科">大学本科</option> <option value="大专">大专</option> <option value="中专以下">中专以下</option> </select>
<form name=“表单名” action="url" method=*> ... <input type=submit> <input type=reset> </form>
3、常用标记 –表单(FORM)标记 表单(FORM)标记
Method属性的两个方法：
GET方法：将表单数据附加在Action属性指定的URL地址之后， 并在URL地址与表单数据间加上一个“？”分割符，表单的各个 URL 数据项间用“&”分割符。 & http://localhost/test.asp?txtid=012&txtusename=ucau GET方式一次最多只能提交256个字符； POST方式是将表单数据作为一个独立的数据块在后台直接发送 给服务器。
3、常用标记 –表单对象标记
6）下拉列表 ）
基本语法 <select name="edu" size="1" id="edu" multiple > <option value=" value="硕士以上">硕士以上</option> "> </option> <option value="大学本科">大学本科</option> <option value="大专">大专</option> <option value="中专以下">中专以下</option> </select>
html-2
<img src="图片名称" alt="这是一张图 图片名称" 图片名称 这是一张图 片">
HTML对图片的控制 对图片的控制--3 对图片的控制
Width属性和 属性和height属性 属性和 属性
用于指定一幅图片在浏览器窗口里的显示大小 如: <img src="sample.jpg" width=100 height=100 >
超级链接—普通超级链接 超级链接 普通超级链接1 普通超级链接
超级链接是整个WWW应用的核心和基 应用的核心和基 超级链接是整个 如果没有超级链接的概念,那么, 础.如果没有超级链接的概念,那么, 我们现在所有的WWW的应用将不复存 我们现在所有的 的应用将不复存 所以, 在.所以,对超级链接的掌握具有特殊 重要的意义. 重要的意义.
练习: 练习:手写代码实现
链接(新开窗口与 ),背景 链接(新开窗口与Email),背景,文字 ),背景, 颜色,字体,换行,页面标题. 颜色,字体,换行,页面标题.
HTML对图片的控制 对图片的控制--1 对图片的控制
img标记:<img src="图片名称"> 标记: 图片名称" 标记 图片名称 src属性,值为所引用的图片的 属性, 属性 值为所引用的图片的URL地址 地址
HTML语言基础教案2
HTML语言基础教学对象：高一学生教学课时：1课时
教学目标1．知识目标：
1）掌握HTML文件的基本格式
2）识别并理解常用的HTML标记
3）掌握HTML语言的简单应用
2．能力目标：培养学生自主学习、主动探究问题的能力3．情感目标：培养学生合作学习意识
教学重点HTML常用的标记
教学难点HTML语法及应用
教法与学法自主探究法合作学习任务驱动法演示讲授法
教学环节教师活动学生活动设计意图
导入：对比展示展示一组学生自制网页和有特殊效
果的网页，引导学生对比其中的不
同，激发学生深入学习制作网页效
果的热情，引出本课课题：HTML
语言基础
观察网页
思考网页的实现
展示学习目标，激发学
生学习兴趣，导入教学。
环节一：走近HTML 简要介绍HTML含义
展示网页代码的查看方法，让学生
知道网页就是web浏览器对html
代码执行后的结果
1、在网页编辑器中查看代码
2、在浏览器中查看代码
学生了解HTML代码及
其查看方法
为后面学生自主学习、
探索代码含义作铺垫
环节二：初识HTML 启动frontpage软件，打开空白网页，
进入HTML窗口，让学生了解基本
的HTML语言及其格式
观察已有的代码布局，
根据英语知识讨论代码
含义
调动学生学习的积极
性，为下面自主探索作
铺垫
环节三：探索HTML 分四个小组进行网页中常见元素的
代码的探索，分别是：文字、图片、
表格、超链接，让学生先思考探索
的方法，然后实践并讨论，教师给
定素材
学生分组探索网页中各
类元素的代码，通过查
看、修改其属性值等探
索各类代码的含义
让学生分组探索各代码
的含义，培养其自主学
习能力和合作学习意
HTML基础(2)
leftmargin="20" topmargin="30“
Elzzh.com
HTML的注释
• HTML文档可以插入注释。注释内容不会在
浏览器窗口显示 • HTML注释的格式为： <!-- 注释内容 -- > <!--多行注释内容 -- >
Elzzh.com
超链接的基本知识
1、超链接的概述 2、绝对路径 3、相对路径
Elzzh.com
<body>元素及元素属性(二)
<body>元素中有下列元素属性：
• (1)bgcolor •
bgcolor属性标志HTML文档的背景颜色。如： bgcolor="#CCFFCC"。 (2)background background属性标志HTML文档的背景图片。如： background=“images/bg.gif"。 可以使用的图片格式为GIF，JPG
Elzzh.com
设置超链接的目标窗口
超链接标签<a>有一个Target属性，它可以取值为: _blank(新开窗口) _self(在同一窗口打开，与默认设置相同) _parent(父框架，在上一级窗口打开) -top(在浏览器的整个窗口打开) 其他窗口名称 例如： <a href=“01.htm” target=“_blank”> 新窗口打开页面 </a>
Elzzh.com
HTML的注释
• HTML文档可以插入注释。注释内容不会在
浏览器窗口显示 • HTML注释的格式为： <!-- 注释内容 -- > <!--多行注释内容 -- >
Elzzh.com
超链接的基本知识
1、超链接的概述 2、绝对路径 3、相对路径
Elzzh.com
<body>元素及元素属性(二)
<body>元素中有下列元素属性：
• (1)bgcolor •
bgcolor属性标志HTML文档的背景颜色。如： bgcolor="#CCFFCC"。 (2)background background属性标志HTML文档的背景图片。如： background=“images/bg.gif"。 可以使用的图片格式为GIF，JPG
Elzzh.com
设置超链接的目标窗口
超链接标签<a>有一个Target属性，它可以取值为: _blank(新开窗口) _self(在同一窗口打开，与默认设置相同) _parent(父框架，在上一级窗口打开) -top(在浏览器的整个窗口打开) 其他窗口名称 例如： <a href=“01.htm” target=“_blank”> 新窗口打开页面 </a>
第2章 HTML网页设计基础
提示： 提示：if(document.getElementById("r1").checked==true)
2.4 超链接
链接是一个网站的灵魂。超链接是网页页面 中最重要的元素之一。一个网站是由多个页 面组成的，页面之间依据链接确定相互的导 航关系。 链接标记虽然在网站设计制作中占 有不可替代的地位，但是其标记只有一个， 那就是<A>标记。
2.5 表格
表格是一种能够有效的描述信息的组织方式， 由行、列和单元格组成，可以很好地控制页 面布局。表格的定义通过<table></table>， <tr></tr>和<td></td>标签实现。 其中，其中<table></table>标签用于定义表格， <tr></tr>标签用于定义表格中的行， <td></td>用于定义表格中某个中的单元格。
相关知识： JavaScript基本语法 JavaScript基本语法
(4) do…while循环 do { 语句段; 语句段 } while (条件 条件) 条件 (5) break和continue语句 break语句功能是退出循环，continue语句功能 语句功能是退出循环， 语句功能是退出循环 语句功能 是跳过循环内剩余的语句进入下一次循环。 是跳过循环内剩余的语句进入下一次循环。
2.4 超链接
链接是一个网站的灵魂。超链接是网页页面 中最重要的元素之一。一个网站是由多个页 面组成的，页面之间依据链接确定相互的导 航关系。 链接标记虽然在网站设计制作中占 有不可替代的地位，但是其标记只有一个， 那就是<A>标记。
2.5 表格
表格是一种能够有效的描述信息的组织方式， 由行、列和单元格组成，可以很好地控制页 面布局。表格的定义通过<table></table>， <tr></tr>和<td></td>标签实现。 其中，其中<table></table>标签用于定义表格， <tr></tr>标签用于定义表格中的行， <td></td>用于定义表格中某个中的单元格。
相关知识： JavaScript基本语法 JavaScript基本语法
(4) do…while循环 do { 语句段; 语句段 } while (条件 条件) 条件 (5) break和continue语句 break语句功能是退出循环，continue语句功能 语句功能是退出循环， 语句功能是退出循环 语句功能 是跳过循环内剩余的语句进入下一次循环。 是跳过循环内剩余的语句进入下一次循环。
html代码教程
html代码教程
HTML（Hypertext Markup Language）是一种用于创建网页和
网页应用程序的标记语言。它是一种通用的标记语言，用于定义网页的结构和内容。在本教程中，我将向您介绍HTML的
基本语法和常用标签。
首先，每个HTML文档都应该从`<!DOCTYPE html>`声明开始。这个声明告诉浏览器正在使用的是HTML5版本。
接下来，HTML文档的根元素是`<html>`标签。在`<html>`标
签之间，有两个重要的部分：`<head>`和`<body>`。
`<head>`标签用于定义文档的元数据，例如标题（`<title>`标签），字符编码（`<meta charset="UTF-8">`）等。在`<head>`
标签中，您还可以链接到外部CSS样式表（`<link
rel="stylesheet" href="style.css">`）或JavaScript文件（`<script src="script.js"></script>`）。
`<body>`标签是文档的可见内容的容器。在`<body>`标签中，
您可以使用各种标签来定义文档的结构和内容。
常用的标签之一是`<h1>`到`<h6>`标签，用于定义标题的级别。`<h1>`标签通常用于最重要的标题，而`<h6>`标签用于最不重
第2章 HTML基础(选讲)
插入特殊字符
某些字符在 HTML 中具有特殊意义，如小于号
(<) 定义 HTML 标签的开始
字符实体用于在 HTML 文档中插入特殊字符，如
版权号 ，注册商标等
> ® © 空格 ；
插入特殊字符 需要用HTML字符实体
插入特殊字符
特殊字符 大于号 (>) 字符实体 >
小于号 (<) 引号 (“)
< " ®
©
® ©
空格 &号
&
META 标签
META 标签是一个特殊的 HTML 标签，提供
有关网页的信息，如作者姓名、公司名称和 联系信息等 许多搜索引擎都使用 META 标签信息 例如，要将 Leon 指定为作者，则使用以下 META 标签：
三、页面布局及文字设计
范例：
<html> <head> <title>字号大小</title> </head> <body> <font size=7 face=宋体>这是size=7的字体</font><P> <font size=6 face=黑体>这是size=6的字体</font><P> <font size=5 face=隶书>这是size=5的字体</font><P> <font size=4>这是size=4的字体</font><P> <font size=3>这是size=3的字体</font><P> <font size=2>这是size=2的字体</font><P> <font size=1>这是size=1的字体</font><P> <font size=-1>这是size=-1的字体</font><P> </body> </html>
网页设计实例教程 第2章 HTML基础
第2章 HTML基础
ห้องสมุดไป่ตู้
本章概述 本章的学习目标 主要内容
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第1页
本章概述
作为一种网页制作语言，HTML有自己的语 法规则，本章从HTML的历史变迁讲起，带 领读者从基本的标签和元素开始，慢慢学 习HTML的基本语法，尝试制作简单的网页 。
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第6页
HTML的历史变迁
HTML3.0规范是由W3C于1995年3月提出，提供 了很多新的特性，例如表格、文字绕排和复杂数 学元素的显示。
从1997年到1999年，HTML的版本从3.2到4.0， 再到4.01，经历了非常快的发展。
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第8页
HTML的历史变迁
XHTML 1.0之后是XHTML 1.1，规范本身没有什 么新内容，元素、属性也都相同，唯一的变化就 是把文档标记为XML文档。
接下来，新的版本是XHTML 2，但是这个版本并 没有完成。
在2004年，W3C成员内部的一次研讨会上， Opera公司的代表伊恩•希克森(Ian Hickson)提出 了一个扩展和改进HTML的建议。他建议新的任 务组可以跟XHTML 2并行
ห้องสมุดไป่ตู้
本章概述 本章的学习目标 主要内容
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第1页
本章概述
作为一种网页制作语言，HTML有自己的语 法规则，本章从HTML的历史变迁讲起，带 领读者从基本的标签和元素开始，慢慢学 习HTML的基本语法，尝试制作简单的网页 。
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第6页
HTML的历史变迁
HTML3.0规范是由W3C于1995年3月提出，提供 了很多新的特性，例如表格、文字绕排和复杂数 学元素的显示。
从1997年到1999年，HTML的版本从3.2到4.0， 再到4.01，经历了非常快的发展。
HTML+CSS+JavaScript网页设计
第2章 HTML 基础
第8页
HTML的历史变迁
XHTML 1.0之后是XHTML 1.1，规范本身没有什 么新内容，元素、属性也都相同，唯一的变化就 是把文档标记为XML文档。
接下来，新的版本是XHTML 2，但是这个版本并 没有完成。
在2004年，W3C成员内部的一次研讨会上， Opera公司的代表伊恩•希克森(Ian Hickson)提出 了一个扩展和改进HTML的建议。他建议新的任 务组可以跟XHTML 2并行
项目二HTML网页编程基础
D:\website中。 （2）打开index.htm，并在其代码框的<head></head>标签对中输入以
下代码，如图2-21所示。
下一页 返回
任务二在网页中应用JavaScript
【案例2】应用JavaScript内置对象来制作网页
【具体步骤】 （1）如前所述，在D:\website中使用DreamWeaver建立一个页面，并
设置Web站点发布。 （9）运行结果如图2-25所示。
上一页 下一页 返回
任务二在网页中应用JavaScript
（10）单击【单击我，仔细查看标题样和窗口内容】按钮，可得到如 图2-26所示的页面。
（11）在如图2-25所示的页面中点击“跳转到default2.html”超链接， 得到如图2-27所示的页面。
命名为default.htm。 （2）在DreamWeaver中，选择【文件】→【新建】命令，在弹出的
对话框中的【常规】选项卡中，选择【基本页】选项，单击【创 建】按钮，并命名为default.html。 （3）在<head></head>标签对中输入以下代码，如图2-22所示。
上一页 下一页 返回
（3）在“index.htm”上右击，在弹出的快捷菜单中选择【打开方式】 →【记事本】命令，使用记事本来编缉代码文本，如图2-4所示。
（4）在打开的记事本中，输入以下代码： <html><head> <title>网页标题</title></head> <body> 这是我的第一个主页 </body> </html>
下代码，如图2-21所示。
下一页 返回
任务二在网页中应用JavaScript
【案例2】应用JavaScript内置对象来制作网页
【具体步骤】 （1）如前所述，在D:\website中使用DreamWeaver建立一个页面，并
设置Web站点发布。 （9）运行结果如图2-25所示。
上一页 下一页 返回
任务二在网页中应用JavaScript
（10）单击【单击我，仔细查看标题样和窗口内容】按钮，可得到如 图2-26所示的页面。
（11）在如图2-25所示的页面中点击“跳转到default2.html”超链接， 得到如图2-27所示的页面。
命名为default.htm。 （2）在DreamWeaver中，选择【文件】→【新建】命令，在弹出的
对话框中的【常规】选项卡中，选择【基本页】选项，单击【创 建】按钮，并命名为default.html。 （3）在<head></head>标签对中输入以下代码，如图2-22所示。
上一页 下一页 返回
（3）在“index.htm”上右击，在弹出的快捷菜单中选择【打开方式】 →【记事本】命令，使用记事本来编缉代码文本，如图2-4所示。
（4）在打开的记事本中，输入以下代码： <html><head> <title>网页标题</title></head> <body> 这是我的第一个主页 </body> </html>
Web Design_H.T.M.L语言2 网页设计学习教程
换行符
• 当你打算结束一行，而又不想开始一个新段落时，<br> 标签就派上用场了。无论你将它置于何处，<br> 标签都 会产生一个强制的换行。
<p>This <br> is a para <br>graph with line breaks </p>
<br> 标签是空白标签，由于关闭标签没有任何意义，因此 它没有类似 </br> 的终止标签。
• HTML 元素 • 还记得上一节中的那个例子吗： <html> <head> <title>页面的标题</title> </head> <body> <p>这是我的第一个页面。</p> <b>此文本是粗体的。</b> </body> </html>
• 这就是一个 HTML 元素： • <b>此文本是粗体的。</b> 这个 HTML 元 素由起始标签 <b> 开始。 • 这个元素的内容是：“此文本是粗体 的。”。 • 这个 HTML 元素由终止标签 </b> 结尾。 • <b> 标签的作用是定义一个显示为粗体的 HTML 元素。
• 为什么我们要使用小写的标签？ • 我们刚才讲到：HTML 标签对大小写是不敏感的：<b> 和 <B> 的作用的相同的。当您在网上冲浪时，您会发现 大多数教程在他们的例子中都使用大写的HTML标签。而 我们总是使用小写。原因何在呢？ • 如果您希望为使用下一代HTML而做好准备，您就应该使 用小写标签。万维网协会 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML） 中，必须使用小写标签。
html2ppt课件
</HEAD>
<BODY>
<font size="7">专业铸造品质 知识成就未来</font><p>
<font size="6">专业铸造品质 知识成就未来</font><p>
<font size="5">专业铸造品质 知识成就未来</font><p>
<font size="4">专业铸造品质 知识成就未来</font><p>
4.超级链接3-1
超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那 么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握 具有特殊重要的意义。
<HTML> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <HEAD><TITLE>有序列表类型</TITLE></HEAD><BODY>
<ul> <li type="disc">disc <li type="circle">circle <li type="square">square </ul> <ol>
HTML2
HTML 属性参考手册
完整的 HTML 参考手册提供了每个 HTML 元素可使用的 合法属性的完整列表 。
属性
class
值
classname
描述
规定元素的类名（classname）
id
style title
id
style_definition text
规定元素的唯一 id
规定元素的行内样式（inline style） 规定元素的额外信息（可在工具提示中显 示）
实例
<p>这是一个段落 <p>这是第二个段落 注释： •未来的 HTML 版本不允许省略结束标签。 •很多编辑工具会自动补全HTML标签。
空的 HTML 元素
•没有内容的 HTML 元素被称为空元素。空元素是在开始标 签中关闭的。 •<br> 就是没有关闭标签的空元素（在 XHTML、XML 以 及未来版本的 HTML 中，所有元素都必须被关闭）。 •在开始标签中添加斜杠，比如 <br />，是关闭空元素的正 确方法，HTML、XHTML 和 XML 都接受这种方式。 •即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其 实是更长远的保障。
谢谢观赏
HTML 元素语法
•HTML 元素以开始标签起始 •HTML 元素以结束标签终止 •元素的内容是开始标签与结束标签之间的内容 •某些 HTML 元素具有空内容（empty content） •空元素在开始标签中进行关闭（以开始标签的结束而结束） •大多数 HTML 元素可拥有属性
HTML学习2.0
字体标签
<font size="字体大小" color="颜色" face="字体"></font>
设置字体为8,颜色为:#abc001,字体为:宋体
<font size="8" color="#abc001" face="宋体">要修饰的文字内容</font>
换行
段落
注意P标签与br标签的区别（P标签行与行之间存在间距）P标签和br标签都能实现换行效果
H1-H6标签
HTM内容
Body属性
Img
<img src="图片的路径" width="宽度" height="高度" alt="描述" align="图片周围文字的对齐方式">
alt:图片路径错误时，显示文字，图片路径正确时正常显示图片鼠标移到图片上时提示信息
marquee 跑马灯
direction:方向up|down|left|right
scrolldelay:多少毫秒移动一次(1000毫秒=1秒)
scrollamount:每次移动多少像素
<marquee direction="方向" scrolldelay="时间" scrollamout="步长"> 要移动的内容
</marquee>
特殊符号
空格
<小于
>大于
"引号
©版权符号
Pre
超链接
用法一:
页面之间的跳转
<a href="要跳转的页面路径">文字</a>
<a href="font.html">点此跳转</a>
第2章HTML语言精品PPT课件
…
</ head > 文件头结束
<body> 文件体开始
…
</ body > 文件体结束
</ htnl >
htnl文件结束
2.1 文档结构
2.1.1 开始与结束标记
语法格式：
<HTML> HTML文件的所有内容
</HTML>
2.1 文档结构
2.1.2 头部标记
语法格式：
< head > HTML文档的头部内容
2.3 超链接标记
2.3.2 链接至另外一台机器上的Web页面
语法格式：
<A href=”URL”>某机的URL</A>
2.3 超链接标记
2.3.3 链接至同一文件的另一个段落
wk.baidu.com
先做出一个“锚”标记，即链接的目标地，再做
到“锚”的链接。
例如
先在文件中选择“第一部分”做“锚”
标记，
<A name=”第一部分”>第一部分</A>； 再做到“锚”的链接，
第2章 HTML语言
第2章 HTML语言
➢ 系统地学习HTML语言的基本结构和一些常用标记符的 使用。
➢ 掌握HTML语言的基本结构 ➢ 掌握HTML语言基本标记符的使用方法
相关主题