《HTML基础》PPT课件

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

• eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
• if (restore) selObj.selectedIndex=0;
•}
• //-->
• </script>
• </head>
• <body>
• <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" id="table1">
• <title>欢迎访问我的主页</title>
• <style type="text/css">
• .STYLE11 {FONT-SIZE: 12px; color: #666666; }
• </style>
• <script type="text/JavaScript">
• <!--
• function MM_jumpMenu(targ, selObj, restore){ //v3.0
第2章 HTML语言基础 $ [知识目标] 了解HTML文件的基本结构掌握HTML中文本的编辑及图像的语法掌握HTML中各种设置超级链接的语法掌握HTML中表格和框架的基本语法
8 [能力目标]
掌握进行文本及图像的编辑操作
掌握创建各种超级链接的操作
能够编写简单的HTML网页掌握HTML文件中表格和框架的使用
HTML就没有WWW“世界” 。
• HTML 不是程序设计语言，而是一种结构
语言。
h
4
2.1 HTML概述
• HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。
• HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板)
• 其后缀名必须是 .html 或 .htm
Face：设置文本显示的字体，值为字体的名称。
在文本的标记中还有很多常用的标记，比如
表示字体效果的，<b>(黑体)，<i>（斜体），<u>
各属性间无前后顺序，属性也可以省略，当省略属性时取标记的默认值。
h
7
2.1 HTML概述
2.1.1 HTML简介
• HTML文档的基本架构
<HTML> <HEAD>
<TITLE> 网页的标题 </TITLE> < / HEAD> <BODY>
网页的内容，很多标记都作用于此。
< / BODY> </HTML>
<BODY background=“c:\cloud.gif”> 内容注释 — 基本格式： < ! -- 注释内容 -- >
h
6
1．围堵标记格式：<标记>……</标记> 2．单标记格式：<标记>
只有起始标记，没有结束标记。最常用的单标记是<br>，它表示段内换行。
3．标记属性格式：<标记属性1 属性2 属性3 ……>
• 只有通过浏览器才可以对HTML文档进行相应的解释。
h
5
2.1 HTML概述
2.1.1 HTML简介
HTML的基本语法 HTML 的主要语法是标记、标记属性和内容注释。
标记 — 用于描述功能的符号。如： <TITLE> 一个HTML实例 </TITLE>
标记属性 — HTML语言的的标记具有一定的属性。如：
• ......
• </table>
• ......
• </body>
• </HTML>
h
10
2.2 文本的编辑
2.2.1 段落标记 2.2.2 文本标记 2.2.3 标题显示等级 2.2.4 列表
h
11
2.2 文本的编辑
2.2.1 段落标记
1ห้องสมุดไป่ตู้段落（<p>）基本语法格式为：
<p align=left / center / right > …… </p> 参数 align 用于设定段落的位置是靠左、靠右还是居中。默认值是靠左。
3. 开头部分用以存载重要信息，而只有本文部分会被显示。所以大部分标记会运用于本文部分。
4. <TITLE>所标示的是文件的标题。会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题是需要的。
h
9
实例 • <HTML>
• <head>
• <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
h
1
第2章 HTML语言基础
• 2.1 HTML概述 • 2.2 文本的编辑 • 2.3 图像编辑 • 2.4 建立超链接 • 2.5 表格与框架 • 本章小结
h
2
2.1 HTML概述
2.1.1 HTML简介 2.1.2 HTML语法结构
h
3
2.1 HTML概述
• 超文本置标语言HTML（HyperText Markup Language）是WWW“世界” 的通用“语言”。 WWW“世界”诸服务器与浏览器之间通过它互相沟通。 WWW“世界”中的信息可以通过它来“表现”。没有
2．换行<br> 不换行标记<nobr>… </nobr> <br>单标记，放在一行的末尾，可以在一个段
落内实现文本的强制换行，设置标记后面的文本、图像和表格等内容显示于下一行。
不换行标记<nobr>… </nobr>使文字不能因
为太长使浏览器无法显示而换行。
h
12
2.2 文本的编辑
2.2.2 文本标记
1．字体标记<font> 其基本语法格式为：
<font face=？ size=？ color=？>…</font>
Size：设置字体的显示字号，范围是从“1～ 7”，其中“3”是默认值。
Color ：设置文本的颜色，值可以是颜色名（英文，如red代表红色）或颜色的十六进制代码（#000000代表黑色，#FFFFFF代表白色）。
h
8
2.1 HTML概述
2.1.1 HTML简介
特点解说：
1. 整份文件处于标记<HTML>与</HTML>之间。 <HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。
2. 文件分两部分，由<HEAD>至</HEAD>称为开头， <BODY>至</BODY>称本文。基本上两者各有适用的标记，如<TITLE>只可出现于开头部分。