欢迎来到天天文库
浏览记录
ID:11497178
大小:627.50 KB
页数:26页
时间:2018-07-12
《html网页设计基础》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、HTML网页设计基础知识目标●了解HTML的基本结构;●掌握HTML的常用标签。技能目标●熟练使用HTML中的各种标签;●能够独立编写HTML网页。HTML(hypertextmark-uplanguage)即超文本标记语言,是构成网页最基本的要素,也是Web应用程序开发的基础。近年来,虽然随着计算机信息技术的进步,产生了DHTML和XML等语言,此外还涌现了许多功能强大的、所见即所得的网页设计工具,如FrontPage和Dreamweaver等,然而它们仍然构建在HTML基础之上。事实上,目前HTML的功能是不可替代的,网页设计和Web应用程序的开发者,应该很好地掌
2、握HTML。第一节HTML简介HTML是一种结构化的网页内容标签语言,使用各种不同的标签符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标签、结束标签以及夹在这两个标签中的内容所组成。每个HTML元素的开始标签和结束标签的名称相同,并且都用一对尖括号“<>”括起来,只是在结束标签的前面多了一个“/”斜杠符号。例如:
3、素的内容居中显示在浏览器的窗口中。并不是所有的网页标签都是如上例中那样成对出现的。有开始标签且一定有结束标签的标签叫双边标签,而有开始标签不需要结束标签的标签为单边标签。例如,就是一个单边标签。另外,还有一些网页元素的结束标签可以自由取舍,如段落标签
、选项标签等。许多元素的开始标签中还允许加入若干属性,用于进一步对该元素的特征进行说明或限定。通常用“属性名称=属性值”的方式来设定元素的属性,属性值可以用双引号引起来,也可以省略。例如,“”和“”效果相同,但如果属性值内有空格或特殊字符
4、,则其两端双引号就不可以省略。此外,在一个元素的开始标签中各个属性设置的先后顺序是任意的。综上所述,一个HTML元素可表示为:<标签名称属性名称1=属性值1属性名称2=属性值2…>内容标签名称>63第二节HTML的结构一、网页基本结构任意打开一个网页,查看它的源代码,就可以看到这个网页的HTML代码。无论该网页如何复杂,都是由一个最基本的HTML结构组成的,以下是的HTML的基本结构。【例2-1】HTML文档的基本结构,效果如图3-1所示。
5、dy>图3-1【例3-1】代码运行效果…标签中的内容是HTML文档的主体元素,用于指出HTML文档的开始与结束。…标签中的内容只能有
6、包括
中。(3)在一个元素的开始标签中,元素名称及各个7、属性名称之间应该以空格、Tab键或Enter键隔开,因此某个元素的开始标签可能会跨越数行,而浏览器只认定“<”和“>”记号。(4)含有空格或特殊符号的属性值,需要用半角的双引号引起来。(5)HTML中采用“”进行注释,在该注释标签中的内容将不被处理和显示。(6)对于HTML文档中的错误元素及其属性,浏览器将会跳过它而不予理会。(7)各元素之间可以嵌套,但不能交错。例如:…是正确的;…是错误的。(8)HTM
7、属性名称之间应该以空格、Tab键或Enter键隔开,因此某个元素的开始标签可能会跨越数行,而浏览器只认定“<”和“>”记号。(4)含有空格或特殊符号的属性值,需要用半角的双引号引起来。(5)HTML中采用“”进行注释,在该注释标签中的内容将不被处理和显示。(6)对于HTML文档中的错误元素及其属性,浏览器将会跳过它而不予理会。(7)各元素之间可以嵌套,但不能交错。例如:
此文档下载收益归作者所有