[互联网]2_ HTML.ppt

2 HTML HTML语言概述 文档的格式与风格 超级链接 图像 表格 框架 表单 XML HTML语言概述 HTML概述 HTML文档的结构 HTML标记 常用HTML编辑工具 一、 HTML概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，最早源于SGML语言（Standard General Markup Language，标准通用化标记语言），是由Web页面的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种新颖的标记式语言，它是SGML的应用。 到90年代后期，由于网络的飞速发展，使得HTML也达到了空前的繁荣，在WWW革命中扮演了核心技术的角色。 2000年初,XHTML1.0 标准替代了HTML4.01, XHTML是在HTML4.01上作了符合XML语法标准的修改。 HTML的标准版本由W3C（万维网联盟）控制。 HTML文档的结构 HTML的基本结构： HTML HEAD 头 /HEAD BODY 正文 /BODY /HTML html head title显示在浏览器左上方的标题！/title /head body bgcolor=red text=white 红色背景,白色文本 /body /html 常用HTML编辑工具 使用HTML编辑器可以很容易的设计精彩的网页，实际上，任何一个文档编辑器都是HTML编辑器，这也是网页制作之所以流行的一个原因。 HTML作为最基本的网页编辑语言，能够实现网页的各种效果。但是，它毕竟是一种语言，需要记住一些标记。 HTML标记 1 头部标记 head，/head HTML文件头部的起始和结束标记。 title，/title HTML文件的标题，是显示于浏览器标题栏的字符串。 style，/style CSS样式定义 meta 该标记位于head与title标记之间，用于描述文档的属性 2 体部标记 body标记 BODY…/BODY作为网页的主体部分，有很多的内置属性，这些属性用于设定网页的总体风格。 例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等，主要属性如下表所示 文字显示和段落控制标记 1．标题标记 格式：H1…/H1，H2…/H2…H6…/H6 功能：设置各种大小不同标题的标记。 2．段落标记 格式：P…/P 功能：中断当前行，并插入一个空行． 3．预定义格式(预排版) 格式：PRE…/PRE 功能：在浏览器中浏览时，按照文档中预先排好的形式显示内容。(空格和回车有效） 预定义格式与段落标记 HTMLHEAD TITLE显示lt;pgt;与lt;pregt;的区别 /TITLE/HEAD BODY P春晓 春眠不觉晓，处处闻啼鸟。 夜来风雨声，花落知多少。 /P PRE春晓 春眠不觉晓，处处闻啼鸟。 夜来风雨声，花落知多少。 /PRE /BODY /HTML 4．分区显示 格式：DIV…/DIV 功能：分区显示标记。 5．换行 格式：BR 功能：强制换行。(与p类似，但不会插入空行) 6．水平线 格式：HR 功能：插入水平线标记。 7．注释 格式：!--注释内容-- 功能：注释标记。 8．特殊字符 如：空格 nbsp　 　　 lt gt 双引号 qout BODY P align=center三种标记的使用！/P HR DIV align=center 我在中间！BR中间/DIV HR DIV align=left 我在左边！BR左边/DIV HR DIV align=right 我在右边！BR右边/DIV HR/BODY BODY CENTER FONT face=隶书 size=7 color=blue 我是lt;fontgt;标记！/FONT H1 align=center我是lt;h1gt;标记！/H1 U我是lt;Ugt;标记！/U S我是lt;Sgt;标记！/S B我是lt;Bgt;标记！/B P I我是lt;Igt;标记！/I BLINK我是lt;BLINKgt;标记！ /BLINK /BODY 例4-1 例4-1 htmlheadtitle文字显示和段落控制/title/head body centerh1一级标题/h1/center hr width=90% color=green font face=黑体 size=7 color=0000ff 这是黑体，7号字，