网页设计基础HTML语言.pptVIP

6 系统设计_6.5 数据存储设计 标记语言:HTML 一. HTML语言概述 1.超文本标记语言HTML(HyperText Markup Language)是WEB世界的通用“语言”； 2.WEB服务器与浏览器之间通过它互相沟通，WEB中的信息可以通过它来表现； 没有HTML就没有WWW“世界” 3.HTML不是程序设计语言，而是一种结构语言； 4.HTML与平台无关，只要是相同的浏览器； 5.HTML有许多元素，文档通过元素标记就形成所谓的HTML文档； 6.HTML是文本文件，可以用纯文本编辑器来编辑(如Windows 的记事本、写字板)； 7.其文件后缀名必须是 .html 或 .htm； 8.只有通过浏览器才可以对HTML文档进行相应的解释。 二、HTML的基本语法 HTML的主要语法是标记、标记属性和内容注释： 1.标记 — 用于描述功能的符号，如： TITLE一个HTML实例/TITLE 2.标记属性— HTML语言的的标记具有一定的属性，如：BODY background=“c:\cloud.gif” 3.内容注释 — 基本格式： !--注释内容-- 1.文档标记：文档处于标记HTML与/HTML之间，HTML用以声明这是HTML文件，便于浏览器正确处理。 2.头部与体部：文件分两部分，由HEAD至/HEAD称为头部，BODY至/BODY称体部(头部用以存载重要信息，而只有体部会被显示，所以大部分标记会运用于体部)。基本上两者各有适用的标记，如TITLE只可出现于开头部分。 3.TITLE标记：TITLE标示文件标题，显示于浏览器标题栏，每页应有明确的标题。 三. HTML的基本标记 1.HTML的基本标记－－文档标记： 文档标记html 2.HTML的基本标记－－头部标记： 头部标记head 头部标题标记title 3.HTML的基本标记－－体部标记： (1)正文标记body (2)换行(Forced Line Breaks)标记br (3)标题(Heading)标记hn(n为层次标号) (4)段落(Paragraphs)标记p (5)水平线(Horizontal Rules)标记hr (6)字符格式标记： B－Bold I－Italic U－Underlined (7)字体(Font)标记font 属性：Face--字体 Size--字号 Color--颜色 (8)图像标记 IMG 属性列表： SRC、BORDER、WIDTH、HEIGHT、ALIGN、ALT (9)超链接标记A.../A 属性列表：HREF、NAME、TARGET (10)列表(Lists)标记ul、ol、dl (11)表格标记table (12)表单标记form (13)框架标记frameset 四. HTML的标记及其属性 1.Body------/Body Bgcolor ------ 背景色 Text ------ 文本色 Link ------ 超级链接对象的颜色 Alink ------ 连接中对象的颜色 Vlink ------ 连接后对象的颜色 Background ------ 背景文件 bgproperties ----- 定义了背景属性，fixed就是设定固定的效果。 四. HTML的标记及其属性 2.换行标记 BR Break 单独出现,用于使网页文本另起一行。 四. HTML的标记及其属性 3.标题标记 Hi (i=1,2,3,4,5,6) 用于设标记题，隐含换行的作用，H1最大，H6最小，align属性用于对齐。 四. HTML的标记及其属性 4.段落标记 P------/P 用于在网页内插入新的段落，可以成对也可以不成对，具有align 属性。 四. HTML的标记及其属性 5.水平线标记 HR 单独使用，属性：Size Width Align 四. HTML的标记及其属性 6.字符格式标记 B Bold I Italic U Underlined 四. HTML的标记及其属性 7.字体标记 FONT 属性：Face--- 字体 Size--- 字号 Color---颜色 四. HTML的标记及其属性 标记及其属性综合例子 html headtitle文字显示和段落控制/title/head body text=#ff2222 centerh1一级标题/h1/center hr width=90% color=