试验1静态页面制作.pptVIP

Web应用开发 Web应用开发 本学期实验安排： 1.静态页面制作 2. IP协议和TCP协议交互 3.利用NetRiver完成回退n帧协议 4.利用Wireshark观察网络报文 2、3需要去实验室完成，1、4不需要去实验室。 HTML 什么是HTML？ HTML 指超文本标记语言。 HTML 文件是包含标记/标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件能通过简单的文本编辑器来创建。 /~angel10/ HTML文档的结构 HTML语言的基本结构 HTML HEADTITLE 这是标题部分。 /TITLE/HEAD BODY 你好，这是正文部分！ /BODY /HTML HTML HEAD 头部信息 /HEAD BODY 正文部分 /BODY /HTML HTML标记 HTML文档标记 格式：HTML…/HTML 功能：标志文档开始和结尾的标记 HTML文件头标记 格式：HEAD…/HEAD 功能：用于包含文件的基本信息 HTML文件主体标记 格式：BODY…/BODY 功能：文件主体标记 HTML标记 HTML标记 HTML 标记被 和 符号包围。 HTML 标记是成对出现的，例如 b 和 /b。 位于起始标记和终止标记之间的文本是元素的内容。 HTML 标记对大小写不敏感，b 和 B 的作用是相同的。 HTML 标记可以包含属性，各属性之间以空格分隔。 设置BODY的属性 标记属性 功能 设置网页的背景图片 设置网页的背景颜色 设置文本的颜色 link=colorvalue 设置尚未被访问过的超文本链接的颜色，默认为蓝色 vlink=colorvalue 设置已被访问过的超文本链接的颜色，默认为紫色 alink=colorvalue 设置超文本链接在被单击的瞬间的颜色，默认为红色 bgproperties =fixed 设置背景是否随滚动条滚动 leftmargin=size 设置网页左边的空白 topmargin=size 设置网页上方的空白 margingwidth=size 设置网页空白的宽度 marginheight =size 设置网页空白的高度 background=URL bgcolor=colorvalue text=colorvalue HTML格式化 文本加粗标记文本斜体标记 文本下划线标记 文本删除线标记 Html 字体格式的设置 html body bgcolor=gray b文本加粗标记/bbr i文本斜体标记/ibr u文本下划线标记/ubr s文本删除线标记/sbr /body /html 字体设置标记 格式：FONT…/FONT 功能：设置字体格式标记 属性：可用于设置字体的大小、颜色、字型等 HTML格式化 标记属性 功能 size=size 设置文字的大小 face=fontstyle 设置字体 color=colorvalue 设置文字的颜色 font face=verdana color=greenThis is some text!/font font face=verdana color=greenThis is some text!/font HTML格式化 标题标记 格式：H1…/H1，H2…/H2…H6…/H6 功能：设置各种大小不同标题的标记 段落标记 格式：P…/P 功能：设置段落标记 预定义格式标记 格式：PRE…/PRE 功能：在浏览器中浏览时，按照文档中预先排好的形式显示内容 标题标记 例： HTML HEAD TITLE 标题示例! /TITLE /HEAD BODY text=#0000ff H1hello world!/H1 H2hello world!/H2 H3hello world!/H3 H4hello world!/H4 H5hello world!/H5 H6hello world!/H6 /BODY /HTML 段落标记与预定义格式标记 例： HTML HEAD TITLE显示lt;pgt;与lt;pregt;的区别/TITLE /HEAD BODY P