HTML文档的基本结构

1、HTML文档的基本结构文字和段落超级链接标志图像、背景与颜色标志表格标志动态HTML超文本标记语言HTML是生成WWW网页文件的语言，用以生成超文本文档。在文档中，可以加入任何元素（文本、图像、动画和声音等）的链接使用浏览器浏览的网页就是HTML文档通常是使用记事本作为HTML文档的编辑器，利用浏览器浏览文档效果HTML只是标记语言，基本上只要明白了各种标记的用法，就学懂了HTML标记的写法：标记由： 括号包围的元素组成，如标记的表示：起始标记，结束标记标记中加属性和参数参数只能加在起始标记中Hello标记字母大小写无关大多数标志都是成对出现的，起始标志（如）和结束标记（如）在起始标记和结束标

2、记之间，放入网页元素 如：文本、图片、超级链接等 welcome to you 所有的HTML文档内容都是由起始标记和结束标记包围起来的 文档标题 文档的正文内容网页文件格式：网页文件格式： 表示是表示是HTML文档文档文档头，可加入：文档头，可加入：网页标题网页标题、作作者信息、版本信息者信息、版本信息正文区，放置网页中所显示信正文区，放置网页中所显示信息的标志和属性息的标志和属性网页标题：网页标题：加在加在中中注释：注释： 加在加在中中两个减号，注释中加入作两个减号，注释中加入作者信息或版本信息，浏览者信息或版本信息，浏览时不显示出来时不显示出来李小龙的主页 欢迎访问我的主页! 打开“记事

3、本”编辑器，输入要编辑的HTML语言代码输入完毕后，保存HTML文档菜单文件保存/另存为“保存类型”选择“所有文件”在“文件名”框中输入：myhtml.htm，注意：扩展名(.htm)一定不能省略用IE打开网页文件：myhtml.htm打开HTML文档记事本中选择“所有文件”类型，打开文件浏览器中选择菜单查看源文件标记中放置要在浏览器中所显示信息的所有标记和属性 标记中间可以放置：文字、段落、图像、表格、超级链接、框架等在标记中设置属性，主要是对标记进行补充说明标题能分隔大段文字，使得网页显示的内容结构清晰。共有六级标题：H1H6，从大到小。 , , 对齐方式：设置标题的对齐属性。三个属性：A

4、LIGN=Left、ALIGN=Center、ALIGN=right 实例：实例：欢迎访问我的主页欢迎访问我的主页 Welcome to everybody!文字段落标记： 换行标记： 不成对出现，不用结束标记在指定位置分行，但不另起段落实例：实例：Despite the fact:在指定位置分行，但在指定位置分行，但不另起段落不另起段落这是一个小小的段落这是一个小小的段落这是另一个小段落这是另一个小段落水平分隔线标记属性：size、color、width、align不用结束标记实例：实例： 颜色：由红R、绿G、蓝B三原色组成，每一色由两位十六进制数表示(简称RGB数)。如下表 REDGREE

5、NBLUE000000333333666666999999CCCCCCFFFFFF强强弱弱书写方法：书写方法：#RRGGBB 如黑：如黑：#000000 如白：如白：#FFFFFFRGB数的设置：三种颜色组合起来RGB数设置为000000，颜色为黑色RGB数设置为CCCCCC，颜色为灰色RGB数设置为FFFFFF，颜色为白色英文单词表示颜色Black,，Olive，Teal，Red，Blue，Navy, Maroon，Gray， Lime，Fuchsia，White, Green， Purple，Silver， Yellow，Aqua 设置颜色组合时，前面加“#”符号。使用英文单词表示颜色时，

6、不加#号在标记中指定页面的背景颜色属性：BGCOLOR=#在标记中指定整个文档中文本的颜色属性：TEXT=#实例：实例： 或或 实例：实例： 属性属性参数参数用标记指定字体、字号和文本颜色字体属性： 指定字体字号属性： 字号1到7号，默认是3实例：实例：你明白了吧？你明白了吧？文本颜色属性： 指定字体粗体、斜体粗体标志斜体标志实例：实例： 你喜欢这个你喜欢这个网页网页吗吗?GRB超级链接标记HREF属性：指向链接的网址和文件（URL）实例：实例：表格布局表格布局实例：实例：友情连接友情连接用于超级链用于超级链接的文字接的文字超级链接的目标超级链接的目标NAME属性：设置书签位置点，超级链接指向

7、书签p,154TARGET属性:在新的窗口中显示链接的内容实例：实例： 广宁游广宁游TITLE属性：在超级链接中加上链接的说明，当将鼠标移到链接上时，说明会自动弹出到光标的尾巴上插入E-mail链接：实例：实例： 一个一个HTML教程网教程网实例：实例：请跟我们联系请跟我们联系 交作业给我交作业给我图形图像标记图片格式常见有GIF和JPG主要属性SRC,称为引用图形的“源(source)”图片文件和HTML文档在同一文件夹中，直接用文件名图片文件和HTML文档不在同一文件夹中，指定路径时用相对路径其它属性：ALT、BORDER、ALIGN、WIDTH实例：实例： 实例：实例： 实例：实例： 直

8、接用链接加入当用户点击时才下载播放。如：嵌入影像嵌入方式使用标记 方法如下：加 入 影 像 还 可 用 标 记 ， 使 用DYNSRC=属性实例：实例： 实例：实例： 实例：实例： 欣赏电影欣赏电影表格标记基本表格标记：、 、的结束标记最好加上 标标 志志用用 法法在在HTML文档中标识表格文档中标识表格标识表格中的一行，结束标志是可选的标识表格中的一行，结束标志是可选的标识一行中的单元，结束标志是可选的标识一行中的单元，结束标志是可选的标识一行标题单元，结束标志是可选的标识一行标题单元，结束标志是可选的标记中的常用属性,有些属性同样适用于、和标记 属属 性性说说 明明ALIGN=”将表格放在

9、窗口的左边将表格放在窗口的左边(left)、右边、右边(right)或中间或中间(center)BACKGROUND=”URL”指定作为整个表格的背景图形文件的地址指定作为整个表格的背景图形文件的地址BGCOLOR=”指定表格中所有单元的背景颜色，可用颜色名或指定表格中所有单元的背景颜色，可用颜色名或RGB值值BORDER=”n”指定每个单元的边框厚度（象素数），指定每个单元的边框厚度（象素数），0表示不显示表示不显示边框边框WIDTH=”n”指定表格宽度，可以用象素数，如指定表格宽度，可以用象素数，如600；也可用浏览；也可用浏览器窗口总宽度的百分比，如器窗口总宽度的百分比，如90%。属性实

10、例，整个表格的属性说明：表格的宽度占据整个浏览器窗口的50%，表格边框线5，背景颜色为灰色，并且居中显示实例：实例： 编号品牌M1001长城M1002方正M1003联想M1004TCLTR为行、为行、TH标题单元格、标题单元格、TD单元格单元格无序列表标记基本列表标记 表头标题 表项标识实例：实例： 或或 A List Header This is item 1 This is item 2 有序列表标记基本列表标记 表项标识实例：实例： A List Header Question one Question two 框架集表单滚动字幕标记Direction属性设置文字滚动的方向：Left,

11、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, Aqu