Web系统与操作实验.docVIP

实验二：HTML语言与HTML文档 【目的要求】 理解HTML文档的结构、标记和属性。 熟练掌握HTML的常用标记和属性。 初步掌握Dreamweaver的使用方法 【实验环境】 硬件及网络环境 PC机，Intel 奔腾双核 E5800以上; 局域网，互联网 软件环境 Windows XP; Microsoft Office 2003; Internet Explorer 7以上; FireFox 5.0以; Apache HTTP Server 【实验内容】 练习常用HTML标记和属性使用。 HTML标记练习(查看基本HTML标记，完成下表) TagDescription!DOCTYPEDdfines the document type()htmlDefines an HTML document()bodyDefines the document’s body()h1 to h6Defines a paragraph()pDefines a paragraph()br /Inserts a single line break()hr /Definesa horizontal line()!--…--Definese a comment()查看HTML文档的基本结构。说明基本结构中各部分的功能。 Definition and Usage: Thehtmltag tells the browser that this is an HTML document. The html element is the outermost(最外面的) element in HTML and XHTML documents.The html element is also know as the root element. body标记的定义和功能: The body element defines the document’s body. The body element contains all the contents(内容) of an HTML document,such as text,hyperlinks,images,tables,lists,etc. 查看、记录htmlbody标记中可用的属性。 The html tag supports the following standard attributes: dir, lang, xml:lang. The body tag supports the following standard attributes: class, dir, id, lang, style, title, xml:lang. 修改练习页面/tags/tryit.asp?filename=tryhtml_basic中p标记中的内容，查看右侧的变化。修改前: 修改后 将如上练习的HTML文档内容复制到写字板中，保存为basic.html文件，用浏览器打开此文档后的效果。 记录h1 to h6定义和用途。 Definition and Usage： The h1 to h6tags are used to define HTML heads. h1defines thd most important heading.h6defines the least important heading. 查看、记录h1 to h6标记中可用的属性。 Optional Attributes: align. Standard Attributes: class, id, lang, style, title . Event Attributes: onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup. h1 to h6标题练习 pbr/hr!-- --的练习 自己用写字板编写的一个题为“我是XXX”的HTML文档，要求包含HTML文档的基本结构，用到titleh1 to h6pbr/hr!-- --标记，页面要尽可能整洁大方。 （2）HTML列表标记练习（完成下表） TagDescriptionulDefines an unordered listolDefines an ordered listliDefines a list itemdirDeprecated. Defines a directory listdl