第五章html语言入门.ppt

HTML初步 WWW、HTTP与HTML WWW：万维网是由许多互相链接的超文本文件组成的一个资料系统，在因特网上向浏览者提供信息检索服务，又称全球网，3W 或3Web HTTP是用于从WWW服务器上传输超文本到本地浏览器的传输协议。 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文件称为HTML文件，也称Web文件。 HTML的发展历程 1969年前后由托德尼尔逊提出超文本概念。 1996 W3C组织编写了3.2版本的HTML HTML标记的语法及文件结构 HTML标记总是封装在由小于符号“”和大于符号“”构成的一对尖括号内，用于修饰、设置HTML文件的显示内容及格式 HTML标记一般分为容器型标记和非容器型标记。 容器型标记格式为起始标记内容/结束标记 非容器型标记格式为标记 。 HTML文件的基本结构 HTML HEAD TITLE网页标题/TITLE /HEAD BODY 文件主体 /BODY /HTML BODY标记的常用属性 简单的例子5-1 HTML HEAD TITLE我的第一个网页/TITLE /HEAD BODY BGCOLOR=#00AAEE TEXT =RED 大家好！欢迎访问我的网页 /BODY /HTML 另存为扩展名为.html 或.htm的文件 HTML中常用的标记 1、注释标记 !要注释的内容 2、换行标记BR 3、换段标记P、、、/P,可以使用ALIGN属性：left center right 4、居中标记：CENTER/CENTER 5、水平线标记：HR在默认情况下插入一条水平线：黑色，3D，粗细为2个像素。 HTML中常用的标记2 HR标记的常用属性 HTML中常用的标记3 6、段落标题标记Hn/Hn 功能：在页面中将标记之间的文本设置为一个段落标题，其中N的取值为.5.6六个级别。 7、字体标记：FONT/FONT 功能：在页面中对标记之间的字体设置字体、字号、颜色，此标记有三个属性：FACE字体、 SIZE字体大小、COLOR字体颜色。 HTML中常用的标记3 字体样式标记 B.../B对标记之间的字体设置加粗 I/I对标记之间的字体设置倾斜 U/U对标记之间的字体设置字体加下划线 S/S对标记之间的字体设置加删除线 建立列表 有序列表OL功能：在页面中建立一个具有多个列表的有序列表 LI列表项一/LI LI列表项二/LI LI列表项三/LI 有序序列号用属性标记TYPE来设置： 有1...AaⅠⅡ来表示 建立列表2 无序列表UL/UL 功能：在页面中建立多个无序列表，也称符号列表 格式：UL LI列表项一/LI LI.列表项二/LI /UL 无序列表属性标记是disc ●circle ○square ■还是用TYPE= 来标记 建立列表3 定义列表： DL…../DL 一部份是概念部份DT…../DT容器表示，一部份是定义的解释部份用DD…/DD 例5-6 建立列表4 列表嵌套：是指多于一级层次的列表，一般不超过三级列表，例5-7 超链接 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 建立超链接 超级链接是用锚元素a href=“链接目标”../a来定义的 在a元素下，有元素属性href, href的属性值为一个URL地址 如：a href=“”指向学校的超级链接/a 如：a href=“29.htm普通超级链接/a 超级链接—E-mail超级链接 超级链接可以指向E-mail地址 如：a href=“mailto:ldd@指向E-mail地址的超级链接/a 建立简单的表格 table border caption表格标题/caption tr th表头单元格/th th表头单元格/th …. /tr tr td数据单元格/t