预览加载中，请您耐心等待几秒...

第2章超文本标记语言——HTML.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共44页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

2.1HTML简介2.2HTML文档的基本结构2.3网页文件的创建过程2.4段落标记2.5文字标记2.6超链接2.7图片2.8列表2.9表格2.10字幕、音频和视频2.11框架（多窗口页面）2.12表单HTML是HypertextMarkupLanguage（超文本标记语言）的缩写，是一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）对文件达到预期的效果。它是构成Web页面（Page），用来表示Web页面的符号标记语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，就是所见到的网页。HTML语言是建立网页的规范或标准，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上的应用需求。2000年，W3C组织公布发行了XHTML1.0版本。XHTML1.0是一种在HTML4.0基础上优化和改进的新语言，目的是基于XML应用。XHTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。1.标记HTML文档由标记和被标记的内容组成。标记（tag）能产生所需的各种效果。格式为：<标记>受标记影响的内容</标记>例如，标题标记<title>表示为：<title>我的第一个网页</title>2.标记的属性标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为：<标记属性1="属性值1"属性2="属性值2"…>受影响的内容</标记>例如，字体标记<font>有属性size和color等。<fontsize="3"color="red">属性示例</font>HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：<html><head><title>网页的标题</title></head><body>网页的内容</body></html>【例2-1】用最简单的“记事本”来编辑网页。①打开记事本。单击Windows的“开始”按钮，在“程序”菜单中的“附件”子菜单中单击“记事本”。②创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML语言，输入的内容。③保存网页。打开“记事本”的“文件”菜单，选择“保存”。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径；在“文件名”文本框输入以.html或.htm为后缀的文件名，如mypage1.html；在“保存类型”下拉列表框中选择“文本文档”。最后单击“保存”按钮，将记事本中的内容保存在磁盘中。如果希望这一页是网站的首页（主页），想让浏览者输入网址后，就显示这一页的内容，可以把这个文件设为默认文档，文件名为index.html或index.htm。设定文字、图像、表格的摆放位置。当在许多段落中设置对齐方式时，常使用<div>…</div>标记。定位标记的格式为：<divalign="left|center|right">文本、图像或表格</div>其中属性align用来设置文本块、一段文字或标题在网页上的对齐方式：left、center和right。缺省时默认为left。【例2-4】在页面中插入一条水平标尺线，可以使不同功能的文字分隔开，看起来整齐、明了。当浏览器解释到HTML文档中的<hr>标记时，会在此处换行，并加入一条水平线段。线段的样式由标记的参数决定。水平线标记的格式为：<hralign="left|center|right"size="横线粗细"width="横线长度"color="横线色彩"noshade>size设定线条粗细，以像素为单位，默认为2。width设定线段长度，可以是绝对值（以像素为单位）或相对值（相对于当前窗口的百分比）。color设定线条色彩，默认为黑色。可以采用色彩的名称。色彩可以用相应英文单词或以“#”引导的一个十六进制数代码来表示。【例2-5】在页面中，标题是一段文字内容的核心，所以总是用加强的效果来表示。网页中的信息可以分为主要点、次要点，可以通过设置不同大小的标题，为文章增加条理。标题文字标记的格式为：<h#align="left|center|right">标题文字</h#>#用来指定标题文字的大小，#取1～6的整数值，取1时文字最大，6时文字最小。属性align设置标题在页面中的对齐方式：left、center或right。缺省时默认为left。<h#>…</h#>标记缺省显示宋体，在一个标题行中无法使用不同大小的字体。与用<title>…</title>定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。【例