从HTML语言到网上家园 序章

2016-01-29 12:44 9 1 收藏

从HTML语言到网上家园 序章,从HTML语言到网上家园 序章

【 tulaoshi.com - Html 】

  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” 文件,是不是文件已经改变成网页的图标了?双击打开,看到效果了吗?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

来源:http://www.tulaoshi.com/n/20160129/1487406.html

延伸阅读
标签: Web开发
*******************HTML语言介绍(二)***************************** 13、列表标记: (1)无序列表标记: 注:符号类型:disc-实心圆点 circle-空心原点 square-实心方块 ul type=符号类型列表标题 li type=符号类型1第一个列表项 li type=符号类型1第二个列表项 ... /ul (2)菜单列表标记: menu lh列表的标题 li第一个列表项 li第二个列表...
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目. 上文: 标记语言邪恶表格 原文出处Chapter 4 引用 Misquotations are the only quotations tha are never misquoted (只有错误的引用永远不会被误用) - Hesketh Pearson 所有类型的网站都经常会使用引用,不管是引用其他网页、作者或出版物的内容,以标准方法标记引用内容是非常有好处的。因为一旦完...
文件标记 <HTML ; <HEAD ; <TITLE ; <BODY 欲明白本篇【HTML剖析】之标记分类请看 【 标记一览 】。 亦请先明白围堵标记与空标记的分别请看 【 HTML概念 】。 ■ HTML 基本架构: 以下 HTML Source Code 便是一份 HTML 文件的基本架构 : <HTML <HEAD <TITLE 网页的标题 </TITLE </HEAD ...
标签: Web开发
点击这里返回脚本之家 HTML教程 栏目. 上文: 标记语言引用 原文出处chapter 5 表单 互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时总是属于"任何状况都能拿来用"的那一类,举例来说,我们发现大概有10000种标记表单的不同方式.好吧,...
排版标记 <!--注解-- ; <P ; <BR ; <HR ; <CENTER ; <PRE ; <DIV ; <NOBR ; <WBR ; ■ <!--注解--: ▲Top 像很多电脑语言一样,HTML 文件亦提供注解功能。浏览器会忽略此标记中的文字(可以 是很多行)而不作显示,一般使用目的: 为文中不同部份加上说...

经验教程

882

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部