计算机教学网页的设计与制作(7)
时间:2017-02-04 17:24 来源:毕业论文 作者:毕业论文 点击:次
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。 也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言很容易。 2.4.3基本结构 一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置。 HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。 下面是一个最基本的html文档的代码:1-1.html <HTML> ---------------------------------------- 开始标签 <HEAD> -------------------------------------- <TITLE> 一个简单的HTML示例 </TITLE> | 头部标签 </HEAD> -------------------------------------- <BODY> ---------------------------------------- <CENTER> | <H1>欢迎光临我的主页</H1> | <BR> | <HR> | 文件主体 <FONT SIZE= 7 COLOR= red> | 这是我第一次做主页 | </FONT> | </CENTER> | </BODY> --------------------------------------- </HTML> --------------------------------------- 结尾标签 <HTML></HTML>在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。 <HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。 <title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。 <BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。 上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。 2.4.4 图象标记 1、链入图象的基本语法 <img src=#> #=图象的 URL <img alt=#> #=在浏览器尚未完全读入图象时,在图象位置显示的文字。 <img src="f.gif" alt="MY FACE :-)"> 2、图象和文字的对齐 img align=#> #=top, middle, bottom <img src=URL align=top或align=middle或align= bottom > My face! 3、边框 <img border=#> #=value <a href="URL"> <img src=URL border=15> </a> 2.4.5复选框(Checkbox) 和单选框(RadioButton) <form action=/cgi-bin/post-query method=POST> <input type=checkbox name=水果1>Banana<p> <input type=checkbox name=水果2 checked>Apple<p> <input type=checkbox name=水果3 value=橘子>Orange<p> (责任编辑:qin) |