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

HTML/XHTML教程
HTML教程:脚本JS标记script详解
后缀是.shtml的网页文件你知道是什么意思吗?
中文Web设计HTML的em标记使用
IE8开发人员工具的菜单讲解(2)
精确测量网页的软件:FastStone Capture
HTML教程:iframe标记常见的几种使用方法
图片IMG标记的alt属性和title属性
网页中的H1标记的使用注意事项
Webjx推荐下载Photoshop网页按钮源文件
如何把PSD文件制作成XHTML+CSS文件
ASP生成静态Html文件的技术总结
网站建设过程中常见的5个HTML错误
HTML列表标记:dl、dt、dd
网页布局方案:弹性流体布局
真正的离线Web要靠HTML 5
采用列表设计网页的9个好处
连续滚动的超级链接文字网页代码
24个漂亮的个性化HTML表单技术
怎样解决DIV层被Flash动画遮盖问题?
Safari 4浏览器的一些新特性

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 84 ::
收藏到网摘: 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 语言简单,学习起来也很快。