html基础--讲义PPT.ppt

HTML基础知识 HTML概述 HTML文档结构 HTML基本标记 表单 框架结构 CSS样式表 HTML概述 HTML-Hypertext Markup Language-超文本标记 语言。 1、HTML是用来表示信息的一种符号标记语言，也是一 种规范，具有平台独立性 2、HTML中的标记可以被浏览器解释执行 3、HTML是文本文档(ASCII码)，它不含任何与平台、 程序有关的信息，可被任何文本编辑器读取 4、HTML允许Web文本在编辑时将信息内容与文本的表 现形式分开 5、HTML最早源于SGML语言。 HTML文档结构 基本语法： HTML文档结构 基本结构： HTML基本标记 1、HTML文档标记-- HTML 格式：HTML……/HTML 功能：标志文件开始和结尾的标记 2、HTML文件头标记-- HEAD 格式：HEAD……/HEAD 功能：用于包含文件的基本信息: TITLE/TITLE:网页标题信息 STYLE/STYLE:定义CSS 样式表 LINK/LINK:链接CSS 样式表 SCRIPT/SCRIPT: 插入脚本标记 META/META :描述HTML中的文档信息 HTML格式标记 3、HTML文件主体标记--BODY 格式：BODY……/BODY 功能：标记文件的主体内容 说明：文档的内容、文字、图像、动画、超链接以及其他 HTML元素均位于该标记中，它是网页编辑的核心部分。正文 标记有自己的属性 见例2-1-1.html 二、格式标记 1、段落标记 格式：P…/P P标记含有align属性 功能：设置段落标志，产生一个空白行。 单独P可强制换行(换行且加入一个空行) 例2-1-1.html HTML HEAD TITLE网页标题部分/TITLE /HEAD BODY P网页正文部分！/P P正文部分可以包含各种网页元素。/P /BODY /HTML HTML格式标记 2、预定格式标记 格式：PRE…/PRE PRE有属性width 功能：在浏览器中显示时，按照编辑工具中文档预先排 好的形式显示内容。见例2-2-2.html 3、分区显示标记 格式：DIV…/DIV 功能：分区显示文档(布局) 说明：在一个文本块或许多段落中设置布局(对齐)方 式，经常使用DIV，它可以将文档内容分成区块一次性地布 局。 例2-2-2.html HTML HEAD TITLElt;pgt;与lt;pregt;的区别/TITLE /HEAD BODY P 静夜思 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 /P PRE width=1 静夜思 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 /PRE /BODY /HTML HTML格式标记 4、强制换行标记 格式：Br 功能：强制进行换行 说明：BR可放在一行的末尾，使后面的文字、图片、表 格等在下一行显示 5、插入水平线标记 格式：Hr Hr有align、size、width、color等属性 功能：插入一条水平线 6、注释标记 格式:!--注释内容-- 功能:提供注释功能 见例2-3.htm 例2-3.htm HTML HEAD TITLE标记的使用示例/TITLE /HEAD BODY !--注释 本程序的功能是: 制作简单网页熟悉基本标记的使用! -- P align=center三种标记的使用/P HR div align=center我在中间!BR中间 /div HR align=center size=5 width=200 DIV align=left我在左边！BR左边/DIV HR DIV align=right我在右边！BR右边/DIV HR /BODY /HTML HTML文本标记 三、文本标记 1、标题标记Hn 格