从HTML语言到网上家园.一

2016-02-19 22:24 4 1 收藏

下面图老师小编要向大家介绍下从HTML语言到网上家园.一,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

引言:什么是HTML

  [本站原创] [连载教程系列] 《从HTML语言到网上家园》 第一回目 引言---第一章

  引言:什么是HTML

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

  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/webkaifa/)

图1 制作效果图演示

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

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

来源:http://www.tulaoshi.com/n/20160219/1628285.html

延伸阅读
HTML 标记一览 标记 类型 译名或意义 作 用 备注 文件标记 <HTML ● 文件声明 让浏览器知道这是 HTML 文件   <HEAD ● 开头 提供文件整体资讯   <TITLE ● 标题 定义文件标题,将显示于浏览顶端   <BODY ● 本文 设计文件格式及内文所在   排版标记 <!--注解-- ○ 说明标...
标签: Web开发
正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 HTML用h1到h6这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 h4This is a heading/h4 h5This is a heading/h5 h6This is a heading/h6 段落划分 在HTML里用p和/p划分段落。 pThis is a ...
标签: 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 ...

经验教程

280

收藏

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