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

HTML/XHTML教程
网页页面 自动刷新的3种代码
网页制作 TD也可以溢出隐藏显示
网页设计 TabIndex元素
HTML非常用标签 optgroup、sub、sup和bdo示例代码
html超级链接标记A的TARGET属性详解
语义化的网页 XHTML语义化标记
各种MOUSE鼠标形状的表示方法
左右移动转换文字特效HTML代码解析
IE6的BUG及修复 谓防患于未然的策略
编写email邮件的HTML页面原则小结
熟手的html编写风格与原因分析
常见的HTML标记错误写法
html 块级标签与内联标签的区别
IE6的BUG及修复:谓防患于未然的策略
制作编写HTML邮件的编写原则
HTML Symbol Entities美化网页小图标
HTML代码编写的常用5个原则以及原因
HTML基础教程:常见的HTML标记错误写法
经验分享:淘宝网店网页标题优化和宝贝橱窗推荐
W3C验证XHTML常见的5个错误

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


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