《HTML文档的基本结构.ppt》由会员分享，可在线阅读，更多相关《HTML文档的基本结构.ppt（33页珍藏版）》请在三一办公上搜索。
1、HTML,HTML文档的基本结构文字和段落超级链接标志图像、背景与颜色标志表格标志动态HTML,HTML初步,超文本标记语言HTML是生成WWW网页文件的语言，用以生成超文本文档。在文档中，可以加入任何元素（文本、图像、动画和声音等）的链接使用浏览器浏览的网页就是HTML文档通常是使用记事本作为HTML文档的编辑器，利用浏览器浏览文档效果,HTML语言基础,HTML只是标记语言，基本上只要明白了各种标记的用法，就学懂了HTML标记的写法：标记由：括号包围的元素组成，如标记的表示：起始标记，结束标记标记中加属性和参数参数只能加在起始标记中Hello标记字母大小写无关,HTML文档中的标记,大多数
2、标志都是成对出现的，起始标志（如）和结束标记（如）在起始标记和结束标记之间，放入网页元素 如：文本、图片、超级链接等 welcome to you 所有的HTML文档内容都是由起始标记和结束标记包围起来的,HTML文档的基本结构,文档标题 文档的正文内容,网页文件格式：表示是HTML文档,文档头，可加入：网页标题、作者信息、版本信息,正文区，放置网页中所显示信息的标志和属性,网页标题：加在中注释：加在中,两个减号，注释中加入作者信息或版本信息，浏览时不显示出来,简单的HTML文档,李小龙的主页 欢迎访问我的主页!,输入和保存HTML文档,打开“记事本”编辑器，输入要编辑的HTML语言代码输入完
3、毕后，保存HTML文档菜单文件保存/另存为“保存类型”选择“所有文件”在“文件名”框中输入：myhtml.htm，注意：扩展名(.htm)一定不能省略用IE打开网页文件：myhtml.htm打开HTML文档记事本中选择“所有文件”类型，打开文件浏览器中选择菜单查看源文件,源文件,BODY中的标记和属性,标记中放置要在浏览器中所显示信息的所有标记和属性 标记中间可以放置：文字、段落、图像、表格、超级链接、框架等在标记中设置属性，主要是对标记进行补充说明,文字标题标记,标题能分隔大段文字，使得网页显示的内容结构清晰。共有六级标题：H1H6，从大到小。,对齐方式：设置标题的对齐属性。三个属性：ALI
4、GN=Left、ALIGN=Center、ALIGN=right,实例：欢迎访问我的主页 Welcome to everybody!,文字段落及换行,文字段落标记：换行标记：不成对出现，不用结束标记在指定位置分行，但不另起段落,实例：Despite the fact:在指定位置分行，但不另起段落,这是一个小小的段落这是另一个小段落,分隔符标志,水平分隔线标记属性：size、color、width、align不用结束标记,实例：,关于颜色,颜色：由红R、绿G、蓝B三原色组成，每一色由两位十六进制数表示(简称RGB数)。如下表,强,弱,书写方法：#RRGGBB 如黑：#000000 如白：#FFF
5、FFF,颜色,RGB数的设置：三种颜色组合起来RGB数设置为000000，颜色为黑色RGB数设置为CCCCCC，颜色为灰色RGB数设置为FFFFFF，颜色为白色英文单词表示颜色Black,，Olive，Teal，Red，Blue，Navy,Maroon，Gray，Lime，Fuchsia，White,Green，Purple，Silver，Yellow，Aqua 设置颜色组合时，前面加“#”符号。使用英文单词表示颜色时，不加#号,页面背景色、文本颜色,在标记中指定页面的背景颜色属性：BGCOLOR=#在标记中指定整个文档中文本的颜色属性：TEXT=#,实例：或,实例：,属性,参数,字体、字号、
6、文字颜色,用标记指定字体、字号和文本颜色字体属性：指定字体字号属性：字号1到7号，默认是3,实例：你明白了吧？,字体、字号、文字颜色,文本颜色属性：指定字体粗体、斜体粗体标志斜体标志,实例：你喜欢这个网页吗?,建立超级链接,超级链接标记HREF属性：指向链接的网址和文件（URL）,实例：表格布局实例：友情连接,用于超级链接的文字,超级链接的目标,超级链接,NAME属性：设置书签位置点，超级链接指向书签p,154TARGET属性:在新的窗口中显示链接的内容,实例：广宁游,超级链接,TITLE属性：在超级链接中加上链接的说明，当将鼠标移到链接上时，说明会自动弹出到光标的尾巴上插入E-mail链接：
7、,实例：一个HTML教程网,实例：请跟我们联系 交作业给我,加进图形图像,图形图像标记图片格式常见有GIF和JPG主要属性SRC,称为引用图形的“源(source)”图片文件和HTML文档在同一文件夹中，直接用文件名图片文件和HTML文档不在同一文件夹中，指定路径时用相对路径其它属性：ALT、BORDER、ALIGN、WIDTH,实例：,实例：,实例：,加入影像,直接用链接加入当用户点击时才下载播放。如：嵌入影像嵌入方式使用标记 方法如下：加入影像还可用标记，使用DYNSRC=属性,实例：,实例：,实例：欣赏电影,表格标志,表格标记基本表格标记：、的结束标记最好加上,表格标记,标记中的常用属性
8、,有些属性同样适用于、和标记,表格,属性实例，整个表格的属性说明：表格的宽度占据整个浏览器窗口的50%，表格边框线5，背景颜色为灰色，并且居中显示,实例：,定义简单表格,编号品牌M1001长城M1002方正M1003联想M1004TCL,TR为行、TH标题单元格、TD单元格,列表,无序列表标记基本列表标记 表头标题 表项标识,实例：或 A List Header This is item 1 This is item 2,列表,有序列表标记基本列表标记 表项标识,实例：A List Header Question one Question two,框架集、表单,框架集表单,滚动字幕,滚动字幕标
9、记Direction属性设置文字滚动的方向：Left,right,up,downBihavior属性设置文字滚动方式：scroll,slide,alternate,实例：网页制作的技巧很多,实例：使用滚动字幕,滚动字幕,Scrollamount属性设置文字滚动的速度（像素）scrolldelay属性设置文字滚动延迟时间（秒）,实例：网页制作的技巧很多,实例：使用滚动字幕,滚动字幕,Align属性设置滚动字幕的对齐方式：top,middle,bottom Bgcolor属性 设置滚动字幕的背景色预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua,实例：网页制作的技巧很多,实例：使用滚动字幕,滚动字幕实例,网页制作的技巧很多，使用滚动字幕，可以使网页生动起来滚动字幕是最常用的这个方向的滚动可以吗?,鼠标悬停时字幕停止滚动，鼠标离开时字幕继续滚动,自动弹出窗口,实现一进入页面就会有欢迎的页面出现，退出又有再见的画面在标记中加入下面的属性：,
