建设网站的基础HTML语言ppt分析.ppt

本章内容简介 4.1 什么是HTML HTML的全称是Hyper Text Markup Language，即“超文本标记语言”，是一种用标记（也可称为标签）来描述网页文档结构和表现形式的语言 。 HTML语言并不是一种程序语言，只是包含一些标记的文本文件，这些标记告诉浏览器如何在网页页面上显示文字、表格、图片和超级链接等。 HTML文件可以使用记事本、FrontPage、Dreamweaver等任何文本编辑器编辑，编辑完毕后，保存为.htm或.html文件 4.1.1 从制作最简单的网页文件说起 html head title我的第一个网页文件/title /head body h2 align=center 我的主页/h2 欢迎光临我的主页。br 这是我的第一个网页文件。 /body /html 如何查看网页文件的源文件？ 在IE7、IE6等版本的浏览器中打开网页后，可通过执行【查看】菜单下的【源文件】命令来查看网页的源文件 在IE8中，默认情况下源文件不是记事本打开的，所以不能编辑修改网页的源文件。 按F12键或在IE中打开【工具】菜单下的【开发人员工具】命令，在打开的窗口中选择【文件】下面的“自定义查看”选项，选择【记事本】即可。 4.1.2 HTML文件的基本结构 html head 文档头部………… /head body 文档主体………… /body /html 4.1.2 HTML文件的基本结构 1．文档头部 在head和/head之间的内容，是文档头部信息。尽管文档头部信息不显示在页面中，但仍然是非常重要的，它会告诉浏览器如何处理文档主体内的内容。 head title电子商务教学网站/title meta name=Keywords content=电子商务教学网站 meta name=Description content=这是一个电子商务专业师生交流的平台 meta http-equiv=Content-Type content=text/html; charset=gb2312 meta http-equiv=Refresh content=10 /head 2．文档主体 body有很多属性，用来设置网页背景、文字、页边距等。 如：body text=blue background=bg1.gif bgcolor=#ffffff leftmargin=2 topmargin=2 说明： text：用以设定文字颜色。 background：设定背景图片的路径。路径可以是绝对路径或相对路径。 bgcolor：设定背景颜色。当设定背景图片时，会失去作用。 leftmargin：只适用于IE浏览器，设定页面左边距，单位为像素。 topmargin：只适用于IE浏览器，设定页面上边距，单位为像素。 4.2 HTML常用标记 4.2.1 常用排版标记 1．分段标记p/p 2．换行标记br 3．标题标记hn和/hn 4．文字标记font/font 5．水平线标记hr 例： 图片标记img 用法：img src=图片文件路径 alt=说明 width=宽度 height=高度 border=边框 宽度 具体属性说明如下。 src：指定图片文件的路径（含文件名），可以是本地计算机的图片文件，也可以是其他图片的一个URL地址。 alt：用于设置图片的说明信息。如果用户浏览器由于某些原因不能正常显示图片，则可在该位置显示文字来替换图片。若图片正常显示，则当鼠标指针置于图片上时也会显示文字。 width：宽度（像素数或百分数）。通常只设为图片的真实大小，以免失真，若需要改变图片大小最好事先使用图片编辑工具。若不设定图片的尺寸，图片将按照其本身的大小显示。 height：设定图片的高度（像素数或百分数）。 border：设定图片边框的宽度。 在网页中插入多媒体 （1）加入背景音乐。bgsound src=声音文件路径 loop=播放次数 要加入的背景声音文件的格式可以是wav、au或mid。 播放次数取-1或Infinite时，声音将一直播放直到关闭该网页为止。 （2）加入视频。embed?src=视频文件路径loop=播放次数 autostart=True/False /embed embed标记可用来插入各种多媒体，格式可以是Wmv、Avi、Midi、Wav、AU、MP3等，文件路径可以是相对路径或绝对路径 滚动字幕 用法：marquee direction=le