HTML基本解释.pptVIP

简单HTML语言 课程1 蚌埠学院学生会网络信息部 2010.4.28 1-1认识HTML HTML是Hypertext Markup Language的英文缩写，即超文本标记语言，它是构成Web页面（Page）的主要工具。 用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本文件，HTML标记可以说明文字、图形、动画、声音、表格、链接等 。 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。 1-2网页制作开发工具 编辑工具 HTML代码可以使用Windows操作系统中自带的记事本进行编辑。如果你正在使用的话，你可以使用它自带的记事本（Notepad）程序，依次点击“开始菜单→程序→附件”找到该程序 文本编辑器 不仅在记事本中可以编写HTML代码，任何文本编辑器都可以编写HTML。比如写字板、word等，但保存的时候必须保存为.html。 Edit Plus 是一款非常好用的 HTML 编辑器，它除了支持颜色标记、HTML 标记，同时支持 C、C++、Perl、Java等其他语言，另外，它还内建完整的HTML CSS 指令功能，适用于习惯用记事本编辑网页的朋友。 Dreamweaver 是一款专业的HTML编辑器，用于设计网页和WEB应用程序，它提供了很多实用工具，利用这些工具，我们可以更加方便、快速地制作网页。 1-3网页制作相关技术 CSS CSS就是一种叫做样式表（Style Sheet）的技术。也有的人称之为层叠样式表（Cascading Style Sheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 JavaScript JavaScript是由 Netscape公司开发的一种脚本语言（scripting language）。 在HTML基础上，使用JavaScript可以开发交互式Web网页，例如可以在线填写各类表格、联机编写文档并发布等。 2-1 HTML文档结构 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。 head…/head是HTML文档的头部标记, 在浏览器窗口中，头部信息是不被显示在正文中的，在此标记中可以插入其它用以说明文件的标题和一些公共属性的标记。 如要指定HTML文档的网页标题（它将显示在浏览器窗口顶部标题栏），就要在头部内容中提供有关信息。用title元素来指定网页标题，即在title/title之间写上网页标题，如程序1-4-1。 !--程序1-4-1-- html head title 一个简单的HTML示例 /title /head body h1欢迎光临我的主页/h1 /body /html 2-2 标记 单标记 单标记仅单独使用就可以表达完整的意思。 基本语法： 标记名称 语法说明： 最常用的单标记是br,它表示换行。 双标记 双标记由首标记和尾标记两部分构成，它必须成对使用。首标记告诉Web浏览器从此处开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该标记。 基本语法： 标记名称内容/标记名称 语法说明： 其中“内容”部分就是要被这对标记施加作用的部分。 例如，“b“标记的作用是，告诉浏览器介于标记b和/b之间的文本应以粗体显示。（这里的“b”是“粗体（bold）”的意思。 标记可以包含标记，即标记可以成对嵌套，但是不能交叉地嵌套。下面的代码就是错误的： BI这是错误的交叉嵌套代码/B/I。 2-3 属性语法 HTML通过标记告诉浏览器如何展示网页，如br告诉浏览器显示一个换行。另外还可以为某些元素附加一些信息，这些附加信息被称为属性（attribute）。 例如，标记hr的作用是在网页中插入一条水平线,那么这条水平线的粗细、对齐方式等就是该标记的属性，如： hr size=“5px” align=“center” 基本语法： 标记名称 属性名1=属性值 属性名2=属性值 语法说明： 属性应写在首标记内，并且和标记名之间有一个空格分隔。例如，上例中hr标记中，align为属性，center为属性值，属性值可以直接书写，也可以使用“”括起来。以下写法也是正确的： hr size=5px align=center 2-3 注释语法 注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。可以使用注释对程序代码进行解释，适当的注释对以后代码的阅读和维护产生很大的帮助。 基本语法： !-- 注释内容 -- 语法说明： 左括号后需要写一个惊叹号，右