HTML语言的基本知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
属性： href：定义超链接所指向的文件的 URL。 target：表示超链接目标窗口的打开方 式，可设置4个不同的值：_top、 _blank、_parent、_self。
参看“教材所附光盘中的本书范例\第一章\原始文件\web3\超链接实例.html” 文档
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教ห้องสมุดไป่ตู้出版社
高等教育电子音像出版社
1.2 HTML语言基本知识
通过浏览器看到的网页都是由HTML语言构成的。HTML语 言是一种建立网页文件的语言，它通过标签式指令，将影像 、声音、图片和文字等链接起来。
HTML文件结构分析
HTML入门
基本概念与语法规则
常用标记
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识-- HTML文件结构分析
实例结构分析
参看教材所附光盘中的 “本书范例\第1章\原始文件\myfirstpage.txt”
表示 HTML 文件开 始 表示文件头开始 表示该网页的标题是“广州欢迎 你” 表示文件头结束 表示网页正文开始
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
插入视音频的标记
格式：<embed src="视频/音频文件地址"> 属性： •autostart •loop •width 和height •volume
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
表格标记
表格标记 <table>...</t able> <th>...</th> 标记的说明 用于定义一个表格开始和结束 用于定义表头单元格，表头中的 文字将以粗体来突出显示以示与 其他单元格中文字的区别， 在表格中也可以不用设表头 定义表格中的一行，一对行标记 内可以包括多对由<td>标记所定义 的单元格 用于定义一个单元格，一对<td>标 记将建立一个单元格，<td>标记必 须嵌套在<tr>标记内，
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
格式：<br>
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
图像与多媒体标记
图像标记 格式：<img src="图像文件地址">
说明：表示在当前位置插入图像，src属 性表示的是要插入的图像的URL地址， 也就是含路径的图像文件名。通常图像 格式为.gif 或 .jpg。 参看“教材所附光盘中的\本书范例\第1 章\原始文件\web1\default.html”文档
高等教育电子音像出版社
1.2 HTML语言基本知识--基本概念与语法规则
标记属性
标记可以拥有自己的属性,从而能够包含更多额外的信息。
例如<body bgcolor=“red”>，表示整个页面在浏览器中的背景为 红色。
很多标记内可以拥有多个属性，其语法是：<标记 属性1 属性2
属性3 … >
参看“教材所附光盘中的本书范例\第一章\原始文件 \web2\视音频实例.html”网页文档
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记 超链接标记
格式：<a href="要链接的目标 文件的URL地址">链接的显 示文字</a>
<tr>...</tr>
<td>...</td>
参看“教材所附光盘中的本书范例\第一章\原始文件\简单表格标记.html”文档及“表格标记及属 性.html”文档。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
由“始标记”和“尾标记”两部分构成，必须成对使用 ， 例如<title> </title>标记。 单标记 只需单独使用就能完整地表达意思，最常见的单标记是 <p>,它表示一个段落的结束，并在段落后面加一空行。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
课后练习与思考
运用本节学到的HTML知识，在“记事本”中为自 己的学校制作一个简介网页，试着利用HTML代码 在这个网页文件中添加文本、图像、背景音乐、超 链接、表格等元素。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
这是注释语句
表示网页正文结束 表示 HTML 文件结 束
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--基本概念与语法规则
HTML标记 HTML标记是HTML语言中最基本的单位。标记总是封装 在由小于号（<）和大于号（>）构成的一对尖括号之中， 如<body>。标记有双标记和单标记之分。 双标记
例如<hr size=3 align=left width="75%">
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
文本格式标记
参看“教材所附光盘中的本书范例\第1章\原始文件\文本标记综合实例 .txt” 。
• 标题格式标记 格式：<hn align="对齐方式"> 标题文字内容</hn> • 文字格式标记
格式：<font size="字号" color="颜色" face="字体"> 文字内容</ font > • 段落格式标记
格式：<p align="对齐方式">段 落文字内容</p >
•
强制换行标记
参看“教材所附光盘中的本书范例\第一章\原始文件\web3\超链接实例.html” 文档
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教ห้องสมุดไป่ตู้出版社
高等教育电子音像出版社
1.2 HTML语言基本知识
通过浏览器看到的网页都是由HTML语言构成的。HTML语 言是一种建立网页文件的语言，它通过标签式指令，将影像 、声音、图片和文字等链接起来。
HTML文件结构分析
HTML入门
基本概念与语法规则
常用标记
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识-- HTML文件结构分析
实例结构分析
参看教材所附光盘中的 “本书范例\第1章\原始文件\myfirstpage.txt”
表示 HTML 文件开 始 表示文件头开始 表示该网页的标题是“广州欢迎 你” 表示文件头结束 表示网页正文开始
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
插入视音频的标记
格式：<embed src="视频/音频文件地址"> 属性： •autostart •loop •width 和height •volume
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
表格标记
表格标记 <table>...</t able> <th>...</th> 标记的说明 用于定义一个表格开始和结束 用于定义表头单元格，表头中的 文字将以粗体来突出显示以示与 其他单元格中文字的区别， 在表格中也可以不用设表头 定义表格中的一行，一对行标记 内可以包括多对由<td>标记所定义 的单元格 用于定义一个单元格，一对<td>标 记将建立一个单元格，<td>标记必 须嵌套在<tr>标记内，
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
格式：<br>
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
图像与多媒体标记
图像标记 格式：<img src="图像文件地址">
说明：表示在当前位置插入图像，src属 性表示的是要插入的图像的URL地址， 也就是含路径的图像文件名。通常图像 格式为.gif 或 .jpg。 参看“教材所附光盘中的\本书范例\第1 章\原始文件\web1\default.html”文档
高等教育电子音像出版社
1.2 HTML语言基本知识--基本概念与语法规则
标记属性
标记可以拥有自己的属性,从而能够包含更多额外的信息。
例如<body bgcolor=“red”>，表示整个页面在浏览器中的背景为 红色。
很多标记内可以拥有多个属性，其语法是：<标记 属性1 属性2
属性3 … >
参看“教材所附光盘中的本书范例\第一章\原始文件 \web2\视音频实例.html”网页文档
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记 超链接标记
格式：<a href="要链接的目标 文件的URL地址">链接的显 示文字</a>
<tr>...</tr>
<td>...</td>
参看“教材所附光盘中的本书范例\第一章\原始文件\简单表格标记.html”文档及“表格标记及属 性.html”文档。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
由“始标记”和“尾标记”两部分构成，必须成对使用 ， 例如<title> </title>标记。 单标记 只需单独使用就能完整地表达意思，最常见的单标记是 <p>,它表示一个段落的结束，并在段落后面加一空行。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
课后练习与思考
运用本节学到的HTML知识，在“记事本”中为自 己的学校制作一个简介网页，试着利用HTML代码 在这个网页文件中添加文本、图像、背景音乐、超 链接、表格等元素。
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
这是注释语句
表示网页正文结束 表示 HTML 文件结 束
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--基本概念与语法规则
HTML标记 HTML标记是HTML语言中最基本的单位。标记总是封装 在由小于号（<）和大于号（>）构成的一对尖括号之中， 如<body>。标记有双标记和单标记之分。 双标记
例如<hr size=3 align=left width="75%">
《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘
高等教育出版社
高等教育电子音像出版社
1.2 HTML语言基本知识--常用标记
文本格式标记
参看“教材所附光盘中的本书范例\第1章\原始文件\文本标记综合实例 .txt” 。
• 标题格式标记 格式：<hn align="对齐方式"> 标题文字内容</hn> • 文字格式标记
格式：<font size="字号" color="颜色" face="字体"> 文字内容</ font > • 段落格式标记
格式：<p align="对齐方式">段 落文字内容</p >
•
强制换行标记