HTML扫盲教程

   HTML是HyperText Markup Language的缩写,中文名称为超文本标记语言。它实际上就是以htm或html为扩展名的文本文件,可以用记事本等编辑器直接编辑。下面让我们看看一个最基本的HTML文件。


问候


你好,世界!




   这便是经典的“你好世界”的例子了。在记事本里输入上述代码,然后保存为greeting.htm文件(一定要注意扩展名,可以打开资源管理器—工具—文件夹选项—查看,把“隐藏已知文件类型的扩展名”前的钩去掉,这样就可以查看并更改文件的扩展名了)随后双击该文件,默认IE就会打开次文件,并显示其中的内容。这个例子显示的是1号字体的“你好,世界!”。
   普通的文本文件为何会有这种功能呢?关键就在于标签,即用尖括号“<>”括住的部分,如、

等。当IE打开该文件的时候会解释、编译这些标签,因为每个标签都有不同的含义。如标签设置该网页的标题,<h1>标签设置其中内容的字体大小等。 <br>   一个网页的基本结构是: <br><html> <br><head>...<title>......
...

   其中表示HTML文件的开始,表示结束;表示头信息的开始,标签包含网页的标题,且该标签必须包含在头信息内,表示头信息结束;表示网页内容的开始需要显示的内容都 要插在这部分内,表示结束。这里我们可以看到,HTML的开始标签和结束标签必须成对出现,且不可交错。如

...

是不合法的。当然,有些HTML标签可以省略结束标签,如(插入图象)和(插入单元格)等,但是在新出台的XHTML规范中,这些标签也是需要关闭的,方法是使用关闭标签如,或者直接使用,但目前可以不考虑这些问题。
   在中,src是什么呢?它是标签的属性,这里是用来指定所插入的图片的地址的。标签大多有各自特定的属性,如就表示将网页的背景颜色设置为灰色。所以,学习HTML语言只要了解常用的HTML标签就可以了,下表将列出比较常用的HTML标签和他们各自的属性,以供学习和参考:
一、文本相关:
1、标题标签


   前面已经提到过,该系列的标签用来设置字体的大小。如

这是三级标签


2、字体标签
   该标签用以设置字体的大小和颜色。如红色的5号字。size的值可以是1-7之间的数字,color可以是预定义的关键字,如red、blue等,也可以是十六进制颜色值,如#000000表示黑色,#ffffff表示白色等。这些内容需另外学习。
3、特殊格式
加粗
斜体字
下划线
删除线
这是 上标
这是 下标
4、分段标签


   align属性表示段内文字的对齐方式。
5、换行标签

   虽然在HTML的规范中可以直接用
,但考虑到今后像XHTML转型,应该使用
,其他不需要关闭的标签也应该养成关闭的习惯。
6、移动文本标签
behavior="scroll|alternate|slide">
   direction表示文字移动的方向,behavior表示移动方式,具体各位可以自己试一试。
这是从左向右来回移动的文本
7、水平线标签

二、插入图片
  

三、超级链接
   链接

薄荷脑de窝

四、基本表格标签
   先看一个基本的表格:




单元格1单元格2
单元格3单元格4

单元格1 单元格2
单元格3 单元格4
   这是一个两行两列的表格。其中标签表示一个表格的开始,标签表示表格的行,
标签表示单元格,以此类推。

  因为是简单教程所以很多东西不能讲得太细,否则就是一堆了。我编写这个教程的初衷是希望大家不要觉得网页制作很神秘,其实这些都很简单的,关键看你愿不愿意学了。

你可能感兴趣的:(编程,html,xhtml,behavior,扩展,border,scroll)