学完这课后你将会了解到:
什么是HTML语言
HTML语言有什么用不会HTML语言能不能做主页会与不会有什么区别
老师进来了让我们开始上课吧!大家安静了!
1 什么是HTML语言:
HTML的全称是Hypertext Markup Language,中文名称是超文本标记语言,简单地讲它就是所有的Internet站点共同的语言,所有的网页都是以HTML格式的文件为基础,再加上一些其他语言工具(如:JSCRIPT、VBSCRIPT、JAVA、APPLET等)构成的。这些文件除了一些基本的文字外还包含了一些标签(TAG),这些标签均由"<"和">"符号以及一个字符串组成,如下面程序中粗体字均为HTML文件的标签,而浏览器的功能是对这些标签进行解释,显示出文字、图像、动画、播放声音。
注意了上面的那些标签都是成对出现的,例如,。它们的主要功能就是告诉浏览器如何处理在这两个标签之间的信息,例如,在上面的程序中:我们开始上课了就是告诉浏器本页的标题为“我们开始上课了”标题是从开始到结束,这结束后浏览器会继续解释下个标签。但是我们注意了必须包含所有的其它标签,但并不是所有标签都能包含别的标签。 学习HTML语言我认为可以不具有任何其它语言的基础的情况下一天时间可以基本看懂简单的网页。再一本书我们就可以不错助任何网页制作工具的情况下编写出简单的网页了。看起来还是比较容易吧。
2 HTML语言有什么用:
告诉你,你也许不相信,到目前为止很多网络专家还是用记事本之类的编辑器手工编写HTML文件,他们认为只有采用这种方式编写的网页才能算是真正的网页(我不这样认为-我更喜欢用即风即所得的网页制作工具-DW3-不用是浪费macromedia公司劳动成果。当然如果能全部用HTML语言编写肯定是一件非常好的事它有如下优点:
1。浏览器解释效率高
2。格式漂亮
3。无任何拉圾码产生
了解一些HTML最基本的规则有利于提高你的网页的编写水平和对网页的感性认识,也增加你的网页的兼容性。现在假设一下你根本就不知道HTML语言的情况下用DW/FRONTPAGE编写了一个网页那么让我们看一看这个网页有什么缺点。当然从外表上看起来也许漂亮极了,但是有心的人查一下网页的源代码就会惊奇的发现里面一大堆一大堆的费码,比用HTML语言编写出来的网页要大几K,这样就减慢了网页的传输速度。这还算好的,有时用表格来控制你的布局,其实你所见的表格并非是你得的表格样式,这是为什么呢,恐怕就要HTML语言才能解决这个了,等等一些怪七怪八的问题可能都要HTML语言才能解快。现在你知道HTML语言厉害了吧……那就让我们进入下一课HTML语言入门。
->学完这一课后你将会用记事本编写一些简单的网页。
准备打开你的记事本吧(不要用其它的网页制作软件-这样没有好处)
3 设置标题
每一个网页都应有标题,有时我们在网上看见别人的网页的标题是newpage1/untitled等这就是没有给网页设置标题而启用的默认的网页标题。
设置网页的标题为:
我的第一个网页
但是要注意了这一段文字应该放在每个网页的最前面,这个标题是显示在浏览器的标题栏中的,当然在这之前你还得先告诉浏览器这里是HTML语言,所有标签是一定要写的。
8添加题目与段落
看见过WORD里面的标题1、标题2、标题3,这样的样式吗?在HTML语言里面有六种标题为
大家注意了我要编网页了
HTML就这么简单早知道我就……
上面
4 设置超链接
正是因为有了超链接,才能反INTERNET叫做互联网,所以超链接的设置是整个网络络设计/布局的核心可以说好的链接能给人以轻松的感觉,来去方便。
上面的超链接标记为要去的页面用href="***.html".
5 设置图像
设置移动字体
8欢迎大家光临本站!
欢迎大家光临本站!"
上面的direction用来指定方向可以是right/left/down/up,scrolldelay用来指定移动速度,scrollamont用来指定移动平滑度。下面来看一个方向为UP的效果。
我是向上移动的噢!
6 现在来看看表格是怎么产生的
< table width="80" border="1" >
< tr>
< td colspan="2" >1< /td >
< td>2< /td>
< /tr>
< tr>
< td>3 < /td>
< td>4< /td>5< /td>
< /tr>
< /table>
| 1 | 2 | |
| 3 | 4 | 5 |
为表格开始标签
7 背景和文本颜色
窗口背景可以用下列方法指定前者指定填充背景的图象,如果图象的大小小于窗口大 小,则把背景图象重复,直到填满窗口区域。后者指定的是16进制的红、绿、兰。例如#FFFFFF为白色,#000000为黑色,当然这些数字是不用记的,只记得几个常用的就行了。bgcolor 背景颜色 Text 文本颜色 Link 链接指针颜色 alinik 活动的链接指针颜色 vlinik 已访问过的链接指针颜色.
8分框的基本格式
分框将流览器的窗口分成多个区域,每个区域可以单独显示一个html文件,各个区域也可相关连地显示某一个内容,比如可以将索引放在一个区域,文件内容显示在另一个区域。
分框的基本结构如下
***
***
***中的内容显示在不支持分框的浏览器窗口中,因而这里指向一个普通版本的html文件,以便使用不支持分框浏览器的用户阅读。
分框由指定,并且可以嵌签,分区中种部分显示的内容用指定。
可以将窗口横向分成几个部分,也可以分成纵向几个部分,还可以混和分框。
9 横向分框
横向分框用指定,#可以是一个百分数,也可以是一整数。前者规定各框占窗口的百分数,后者指定各框的绝对大小。
10 纵向分框
纵向分框用指定。
11混合分框
将窗口分成横纵几个区域时,用代替链接至即可将原的分好的区域再次分框.
12分框与框中文本的间距
分框与其中的文本间距可以用Marginwidth=#和marginneigh=#来指定,前者指定文本与分框的边缘的横向距离,后者为纵向距离,其单位都为象素.
13 分框间的关联
分框之间可以有特定的关联,比如将某一框的内容输出到另一个框,这样我们就可以把其中一个框作为输出框,另一个框作为选择框。实现这种关联需要做下列的事情。
在分框的hrme文件中标记各个框,标记的方法是在中加入name属性,定义左边的框为输出,右边框为象引。
在*.html文件中指定输出到哪个框方法是在*.html文件中加入下列一行。
这便得用鼠标点取*.html中的链接指针,它的输出会显示在左边的框中。