网页设计语言基础

网页设计语言基础

ID:39227785

大小:151.00 KB

页数:23页

时间:2019-06-28

网页设计语言基础_第1页
网页设计语言基础_第2页
网页设计语言基础_第3页
网页设计语言基础_第4页
网页设计语言基础_第5页
资源描述:

《网页设计语言基础》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第2章 网页设计语言基础注意:本章涉及的程序代码比较多,但是HTML语言是网页设计人员必须掌握的基本知识,也是网页设计和制作的基础,所以希望大家能够熟练地掌握本章的知识点,至少要熟悉常用的HTML语言。2.1HTML语言简介HTML语言是一种在使用转义码文档中应用的格式化语法。其提供一些语法标记,再由浏览器解释生成相应的页面。下面是一个简单的HTML语言的例子。第一个主页

大家好!

运行效果(点击)2.2基本页面布局页面的布局也是编写HTML文档的一个重

2、要内容,良好的布局能够产生良好的视觉效果,这也是网页设计人员所追求的一个设计目标。2.2.1HTML文档的基本结构HTML文档包括文件头、表头和主体三部分。这儿是标题部分

这里是主体部分

运行效果2.2.2常用页面标记1.基本标记:和,和,和,

3、tle>和2.特殊信息标记3.网页子标题标记例2-2运行效果4.

段落标记和
换行标记例2-3运行效果5.


水平线标记例2-4运行效果6.
原文显示标记例2-5运行效果2.2.3页面布局综合实例下面将介绍设计一个基本页面布局的综合实例,在这个实例中综合运用了

等标记。注意这个实例中各种标记的使用情况,并结合前面的介绍深入掌握它们的用法。例2-6运行效果2.3文本修饰为了使网页内容更加丰富多彩,文本的修饰是一个重要的环节。通过文本修饰,可以突出文档中的重点内容,避免整

4、个文档外观上的单一化,从而产生良好的视觉效果。2.3.1文本修饰的主要标记最主要的几种标记包括等标记。基本字体标记例2-7运行效果2.字体效果例2-8运行效果3.align对齐方式左对齐:align=left右对齐:align=right居中对齐:align=center2.3.2文本修饰的其他标记

换行引用标记2.程序代码标记3.上标字和下标字4.活动字幕标记例2-9运行效果5.特殊字符注意:HTML语言不区分大

5、小写,所以在使用标记和对应的参数时,无论大小写,对应的都是相同的内容。8.3.3文本修饰的综合实例在这个实例中,采用对主标题变字体、变颜色的方式,对次标题则采用加粗变斜体等方式,突出了文档的主题。加水平线有助于分隔文档,加活动字幕则增加整个文档的动感。例2-10运行效果2.4超链接前面学习了基本的页面布局和文本修饰,虽然已经能够制作简单的独立页面,但是这种页面严格来说还不能称之为HTML页面,因为这种页面缺少HTML中最有特色、功能最强大的元素:超链接。2.4.1超链接的基本概念超链接是由链接文字、图像及目标块组成。超链接的类型主要有两种,即文本超链接和图像超链接。链接

6、的目标可以是图像、文字、页面及其他格式的文件。在定义一个超链接的地点时可以选用两种方式,绝对路径和相对路径。2.4.2创建超链接的方法由标记的语法结构可以看出,由于HTML语言的超链接性,在设定一个超链接时有很多参数可供选择,并能实现不同的链接效果。下面介绍一下几个参数的含义:(1)class和id属性:该属性用于设定链接点所属的类型和分配的ID号,通常不加以设定。(2)href属性:该属性用于设定链接地址,但是链接地址必须为URL地址,如果没有给出具体路径,则默认路径和当前页的路径相同。(3)target属性:该属性可以在一个新窗口里打开链接文件。(4)titl

7、e属性:该可以让鼠标指针悬停在超链接上的时候,显示该超链接的文字注释。例2-11(5)name属性:该属性可以跳转到一个文件的指定部位。例2-12(6)onclick和onmouseover属性onclick属性对应于一个事件,当链接点被单击后将触发这个事件,执行对应的子程序。onmouseover与onclick类似,它对应的事件在鼠标指针移到链接点上时被触发;onmouseout对应的事件则在鼠标指针移出链接点后才被触发。例2-132.5.1图像的基本知识图像的种类:GIF格式和JPG格式GIF格式:支持256色模式,采用无损压缩格式

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

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

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