02-HTML基础课件.ppt

第2章 HTML基础;知识要点;一、关于html;一个最基本网页的HTML代码格式如下： ; 一个完整的HTML文档由各种网页元素与HTML标签组成的，网页元素指标题、段落、图像、表格、层等各种对象，标签的功能是逻辑性地描述网页的结构。 例：b网页/b b/b是标签 “网页”是元素 ; （1）HTML文档以纯文本形式存放，扩展名为“.html”或“.htm”。 （2）xHTML文档中标签（标记）采用“”与“”作为分割字符。标签也可以称为容器； ：开始标签；/：结束标签； 单独标签可以单独使用，比如br； （3）HTML标记及属性不区分大小写，例如HTML和html是相同的标记。; （4）大多数HTML标记可以嵌套，但不能交叉，各层标记是全包容关系。 （5）HTML文档一行可以书写多个标记，一个标记也可以分多行书写，不用任何续行符号，显示效果相同。 ; （6）HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中将看到不同的段落。 ; （7）网页中所有的显示内容都应该受限于一个或多个标记，不能存在游离于标记之外的文字或图像等，以免产生错误。 （8）对于浏览器不能分辨的标记可以忽略，不显示其中的对象。 ; 在查看HTML源代码或编写网页时，经常会遇到三种格式的HTML标记。 （1）不带属性的双标记：标记名称内容/标记名称 （2）带有属性的双标记：标记名称　属性名称=对应的属性值　……网页对象/标记名称属性值可以不用引号，也可以用引号；用的话可以是双引号，也可以是单引号；有些属性只有两个可选值，则不必写属性值，写了属性名就表示true值，不写就false; （3）单标记：标记名称 /;三、html常用标记　; 打开“长沙世界之窗”网站中文件夹“01页面控制”中的网页“01.html”，切换到“代码视图”，观察分析HTML源代码。 1．标题标记 title长沙世界之窗/title;2．元信息标记Meta meta http-equiv=Content-Type content=text/html; charset=gb2312 / 3．关键字 meta name=Keywords content=长沙,旅游,世界之窗 /;4．说明 meta name=Description content=这是一个旅游网站 / 5．刷新 meta http-equiv=Refresh content=10 /;2、　HTML主体标记; 页面中可以使用JPEG或GIF图片来作为页面的背景。; body text=#0000FF bgcolor=#CCFFFF link=#FF0000 alink=#00ff00 vlink=CCCCCC topmargin=10 leftmargin=10 bottommargin=10 rightmargin=10 欢迎您光临长沙世界之窗 /body;3、　文字与段落标记;（1）．文字内容; HTML中，定义了6级标题，每级标题的字体大小依次递减，1级标题字号最大，6级标题字号最小。 对齐方式：align属性--left（左对齐）、rithg（右对齐）、center（居中对齐）、botton（位于底端）、top（位于顶部）。 ; 设置页面中文字的字体、字号和颜色。 face表示文字的字体；size表示字号，用来设置文字的大小，值越大，字越大；color用来设置文字的颜色。; 在HTML文档中，可以加入多种文字的修饰标记，设置文字的风格。 b /b 加粗 strong/strong 着重 u/u 下滑线 i/i斜体 ; 当需要在网页中插入新的段落时，可以使用段落标记p，它可以将标记后面的内容另起一段，在Dreamweaver 8设计视图中，按Enter键后，就会自动形成一个段落，相当于添加了p标记。 水平对齐方式algin有三种：left（左对齐）、right（右对齐）、center（居中对齐）。; 强制换行标记br是一个单标记，与段落标记在显示效果上都是另起一行书写，但是段落标记的行距要宽。换行可以通过按“Shift+Enter”组合键实现。代码举例：;pre/pre 预排格式标记能保留文字在文字编辑器的格式原样显示，不受前面的文字段落格式的影响。设计窗口中原样显示文档编辑格式; 分段排出一组级别相同的项目称为列表 （1）无序列表 在每段前面加上一个相同的符号。 在无序列表的开始和