网页设计与制作 第2章 学习和使用HTML

网页设计与制作 第2章 学习和使用HTML

ID:43809984

大小:309.50 KB

页数:68页

时间:2019-10-15

网页设计与制作 第2章  学习和使用HTML_第1页
网页设计与制作 第2章  学习和使用HTML_第2页
网页设计与制作 第2章  学习和使用HTML_第3页
网页设计与制作 第2章  学习和使用HTML_第4页
网页设计与制作 第2章  学习和使用HTML_第5页
资源描述:

《网页设计与制作 第2章 学习和使用HTML》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、通过本章学习,应该掌握以下内容:HTML及其功能HTML文件的基本结构利用HTML处理网页文本和图像利用HTML处理网页中的超链接利用HTML处理网页表格和表单利用HTML处理框架网页第2章学习和使用HTML2.1HTML概述2.1.1什么是HTMLHTML(HypertextMarkupLanguage)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。HTML作为一种网页编辑语言,易学易懂,能制作出精美的网页效果,其他的专用网页编辑器(如FrontPage、Dreamweaver)都是以HTML为基础的。2.1.

2、2一个简单的网页示例1.标记符标记符又称标签,HTML是影响网页内容显示格式的标记符集合,浏览器根据标记符决定网页的实际显示效果。2.2HTML文件的基本结构2.2.1标记符与属性在HTML中,所有的标记符都用尖括号括起来。例如,表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了标记符所影响的范围。结束标记符与开始标记符的区别是有一个斜线。如:….HTML标记符是不区分大小写的,但通常约定标记符使用大写字母,这有利于HTML文档的维护。属性是用来描述对象特征的特性。在HTML中,所有的属性都放

3、置在开始标记符的尖括号里,属性与标记符之间用空格分隔,属性的值放在相应属性之后,用等号分隔,而不同的属性之间用空格分隔。格式为:<标记符属性1=属性值1属性2=属性值2…>受影响的内容HTML属性通常也不区分大小写。本书中为了区分标记符及其属性,标记符均使用大写字母表示,而属性均使用小写字母表示。2.属性2.2.2HTML文档的基本结构文本标题文本内容这两个标记符是HTML文档的标记符。处于文档的最前端,表示文档的开始,即浏览器从

4、ML>开始解释。而则位于文件的最后一行,这样的结果表示这一整份的文档都是HTML语法的文档。(1)HTML标记符是HTML文件头标记符,用来描述HTML首部的内容,说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。通常与某些标记符一起使用,如标记符。(2)HEAD标记符(3)TITLE标记符指的是一份文档的标题。通常来说,每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言,标题所在的位置虽然依照浏览器的不同而不同,

5、但是大部分都位于浏览器的最上方。(4)BODY标记符指的是定义出一个HTML文档的体部,位于首部下面。在标记符内的文字,所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。也是一个建议选项。2.2.3创建和测试Web页(1)创建Web页由于HTML文件的实质就是文本文件,因此可以用任何文本编辑器编辑HTML文件,通常可以使用Windows系统中的“记事本”程序。(2)测试Web页保存了Web页之后,在所选择的文件夹中将包含所创建的Web页,该Web页文件左边有一个图标,表示可以由IE将其打开。找到刚创建的Web页并用鼠标左键双击,则可

6、以自动启动IE浏览器,此时所创建Web页中的内容将在浏览器中显示。(3)发布Web页(1)申请域名和主页空间域名有两种类型,一种是收费的,另一种是免费的。(2)测试网页(3)上传网页到Internet2.3.1标题处理在HTML中,用户可以通过Hn标记符来标识文档中的标题和副标题,其中n是1到6的数字。

表示最大的标题,

表示最小的标题。标题文字标记符的格式:标题文字属性align用来设置标题在页面中的对齐方式:left(左对齐)、center(居中)或right(右对齐)。2.3网页文本的处理2.3.2段落处理在HTML中段落处理是通过

7、段落标记来完成的,常用的段落标记符有:注释标记符、强制换行标记符、强制换段标记符、分区显示标记符和水平线等。HTML的注释标记符的格式为:注释并不局限于一行,长度不受限制。结束标记符不必与开始标记符在同一行。注释的内容不在浏览器中显示。1.注释标记符2.强制换行标记符强制换行标记符为
,放在一行的末尾,可以使后面的文字、图片、表格等显示于下一行,而又不会在行与行之间留下空行,即强制

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。