网页制作基础语言——HTML

《网页制作基础语言——HTML》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作教程机械工业出版社同名教材配套电子教案2005.82.1HTML简介2.2HTML文档的基本结构2.3网页文件的创建过程2.4段落标记2.5文字标记2.6超链接2.7图片2.8列表2.9表格2.10字幕、音频和视频2.11框架（多窗口页面）2.12表单第2章网页制作基础语言——HTMLHTML是HypertextMarkupLanguage（超文本标记语言）的缩写，是一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）对文件达到预期的效果。它是构成Web页面（Page

2、），用来表示Web页面的符号标记语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，就是所见到的网页。HTML语言是建立网页的规范或标准，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上的应用需求。2000年，W3C组织公布发行了XHTML1.0版本。XHTML1.0是一种在HTML4.0基础上优化和改进的新语言，目的是基于XML应用。X

3、HTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。2.1HTML简介1.标记HTML文档由标记和被标记的内容组成。标记（tag）能产生所需的各种效果。格式为：<标记>受标记影响的内容例如，标题标记2.标记的属性标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为：<标记属性1="属性值1"属性2="属性值

4、2"…>受影响的内容例如，字体标记有属性size和color等。属性示例2.2HTML文档的基本结构2.2.1标记及其属性HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：网页的内容【例2-1】2.2HTML文档的基本结构2.2.2HTML的基本结构用最简单的“记事本”来编辑网页。①打

5、开记事本。单击Windows的“开始”按钮，在“程序”菜单中的“附件”子菜单中单击“记事本”。②创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML语言，输入的内容。③保存网页。打开“记事本”的“文件”菜单，选择“保存”。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径；在“文件名”文本框输入以.html或.htm为后缀的文件名，如mypage1.html；在“保存类型”下拉列表框中选择“文本文档”。最后单击“保存”按钮，将记事本中的内容保存在磁盘中。如果希

6、望这一页是网站的首页（主页），想让浏览者输入网址后，就显示这一页的内容，可以把这个文件设为默认文档，文件名为index.html或index.htm。2.3网页文件的创建过程2.3.1编辑和保存网页通过编辑可以得到一个.html文件，要想使这个文档显示出网页的样子，就要使用浏览器进行预览。有两种方法可以打开.html网页文件。1.用浏览器打开网页在浏览后会有不满意的地方，此时可重新在“记事本”中打开该.html文件修改；或者在浏览器中直接打开源文件（在IE中，从“查看”菜单中的“源文件”中打开）。

7、修改后，单击“文件”菜单中的“保存”命令。如果浏览器没有关闭，要在浏览器中看到修改后的效果，不必重新打开该文件，直接单击浏览器工具栏上的“刷新”按钮。2.在“Windows资源管理器”或“我的电脑”中打开在“Windows资源管理器”或“我的电脑”中双击要打开的.html文件，这时将直接在默认的浏览器中打开该.html文件。2.3网页文件的创建过程2.3.2预览网页注释标记的格式为：注释并不局限于一行，长度不受限制。结束标记与开始标记可以不在一行上。2.4.2强制换行和不换行

8、标记
、...要用HTML的标记来强制换行、分段。
放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。强制换行标记的格式为：文字
不换行标记可令文字不能因太长使浏览器无法显示而换行，它对住址、数学公式、一行数字等尤其有用。其格式为：文字【例2-2】2.4段落标记2.4.1注释标记段落标记放在一个段落的头尾，用于定义一个段落。

...<