第2章html_1_09.pptVIP

第一章HTML概述 第二章 HTML 学习要点 HTML 概述 HTML的基本标记及属性 HTML的高级标记及属性 第一节 HTML概述 学习目标： 了解HTML 掌握开发HTML的开发工具 主要内容： HTML简介 开发工具 HTML的基本语法 2.1.1 HTML（超文本标记语言）简介 “标记” 定义：对数据进行编码的方法，是区分文本各个部分的分界符。 属性：丰富标记的作用 什么是标记语言 引入的背景 例子：用黄色荧光笔把课本上的某些句子加亮或者干脆在这些句子下面划线 启示 标准1: 什么是有效的标记,什么样的标记是允许的，什么样的标记是必须的。 标准2: 描述每个标记的具体含义。 标记语言定义 标记语言是指用一系列约定好的标记来对电子文档进行标记，来实现对电子文档的语义、结构、格式的定义。 标记语言不同于程序语言，程序语言产生程序或者应用，而标记语言只产生文档。 什么是HTML（Hyper Text Markup Language） 建立超文本文件的标记语言 HTML工作原理： 一个HTML文档包含各种HTML标记，这些标记是一些嵌入式命令，用以决定网页的结构、外观和内容等信息。Web浏览器利用这些信息来决定如何显示网页。 Web浏览器语法分析：按照顺序读取HTML文件，然后根据内容附近的HTML标记来解释和显示各种内容。 图文并茂：可以制作包容图象、文字、声音等精彩内容的网页 简单：HTML文件是普通文件，文件的扩展名为.htm或.html，与平台无关：这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 标记：所有的标记都必须用一对尖括号（即小于号“”和大于号“”）括起来，这对尖括号就是HTML语言的定界符。大部分标记都是成对出现的，包括开始标记和结束标记，它们定义了标记所影响的范围；开始标记与结束标记名称相同，但结束标记总是以一个斜线符号开头的。 起始标记： title 结束标记： /title 也有一些标记只要求单一标记号。 2.1.2 HTML开发工具 HTML文档是一种纯文本文件，所以可以用任何文本编辑器来进行编写。只需在保存文件的时候，把扩展名改为.htm或者.html。 常用工具：记事本、Word、UltraEdit;FrontPage、DreamWeaver（所见即所得）等等。 2.1.3 HTML的基本语法 简单的HTML标记 html /html标记 head/head头部标记 body/body体部标记 h1/h1标记 p段标记 HTML标记的一般格式 标记 属性1=属性值 属性2=属性值…要控制的内容/标记 例如： 　font face=楷体_GB2312 size=2 color=#FF0000心想事成。/font 注释语句 格式：!—注释-- 2.1.4 HTML文档的基本构成 HTML网页基本结构 html head title文档标题/title head body 这里是网页内容，包括文本、图像、动画等 /body /html html和/html为文档标记 head和/head为首部标记。在首部标记中，可以使用title和 /title标记来指定网页的标题，使用style和/style标记来定义 CSS样式表，使用script和/script标记来插入脚本，等等。 body和/body称为主体标记，用于定义HTML网页的主要部分， 给出要在网页上显示的内容和显示格式。 目 录 上一页 下一页 退 出 * 内容+标签 标记：指定内容的类别