当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 从HTML语言到网上家园 序章

HTML/XHTML教程
ie7打开页面有源文件但页面空白问题的解决方法
firefox支持webdings字体的方法
HTML 相对路径和绝对路径区别分析
ie6 失真问题
关闭IE启用图片工具列
HTML5 Canvas 起步(1) - 基本概念
网页表单元素Input的高级用法11例
漂亮样式表在XHTML+CSS网页制作中的应用
html ReadOnly 和 Enabled 区别
如何正确地在XHTML文档中使用JavaScript和CSS
IE6 为什么最多人使用
给网站添加 favicon的技巧 网址前面的小图标
什么是 WML?
WML 标签汇总
HTML相对路径 上级目录及下级目录的写法
html 自定义标签使用实现方法
Firefox下英文字母不换行的解决方案
HTML 文本转义小窍门
设置IE8使用IE7的样式的代码
HTML 标记一定不要忘记关闭

HTML/XHTML教程 中的 从HTML语言到网上家园 序章


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 91 ::
收藏到网摘: n/a

  HTML 语言英文为 Hypertext Marked Language ,翻译成中文是“超文本标记语言”。它是一种文本格式的文档,加入了许多被称为链接标签 (tag) 的特殊字符串标记,这些标记符号组织与控制输出的效果。所谓超文本,就是它可以加入图片、声音、动画、影视等内容,从一个文件跳转到另一个文件,不受平台的限制,自由链接。使用 HTML 语言描述的文档,需要用浏览器观看才能显示出效果。下面我们编写一个 HTML 文档。

  例 1:

  我们用 Windows 自带的“记事本”新建一个文本文件,在编辑框输入下面的字符:

  
  〈html〉
    〈head〉
      〈title〉 我的第一个 HTML 文档 〈/title〉
    〈/head〉
    〈body〉
      〈font color=”blue”〉 看到效果了吗?这是我制作的第一个网页 !〈/font〉
    〈/body〉
  〈/html〉
  

  说明:字符缩进是为了看起来更清楚直观。完全可以不缩进字符。

  点击“记事本”的“文件”菜单,“另存为”一个文件,文件名自己定义,在这里我们起名为“ myweb.html ”,保存类型为“所有文件”。然后我们找到刚才存盘的这个 ”myweb.html” 文件,是不是文件已经改变成网页的图标了?双击打开,看到效果了吗?

  在后面的章节中,我们将学习 HTML 语言结构,标记符号,使用所见即所得的编辑工具高效编辑 HTML 文档,直到自己建设网站。记住,要循序渐进,不要用一目三行浏览新闻的习惯来学习网页制作教程。

  很多人会认为学习网页制作学习 Frontpage 或者是 等工具怎样使用就行了,没有必要学习 HTML 语言。这种学习方法不是很好,因为 Frontpage 或者是 Dreamweaver 制作网页最终也是生成 HTML 文档,而且这些所见即所得的编辑工具毕竟还不能真正“所见即所得”,一些精细的效果还是需要手工编写部分代码。如果了解 HTML 基础知识,学习 Frontpage 或者是 Dreamweaver 也更快,也会为下一步学习 ASP/PHP 等动态脚本语言打下坚实的基础,事半功倍。再说 HTML 语言简单,学习起来也很快。