HTML基础教程(1)——HTML简介

什么是 HTML 文件?

  • HTML 指超文本标签语言。
  • HTML 文件是包含一些标签的文本文件。
  • 这些标签告诉 WEB 浏览器如何显示页面。
  • HTML 文件必须使用 htm 或者 html 作为文件扩展名。
  • HTML 文件可以通过简单的文本编辑器来创建。

做个实验如何?

第一步:如果您使用 Windows,请启动记事本。

如果您使用 Mac,请启动 SimpleText。

(在 OSX 中请使用 TextEdit,并设置一下参数:在参数设置中选择 Plain text 字体替代 Rich text 字体,然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要,因为不这样的话,HTML 代码也许不能正常工作。)

第二步:键入以下文本:

<html>
   <head>
      <title>页面的标题</title>
   </head>
   <body>
      <p>这是我的第一个页面。<b>这是粗体文本。</b></p>
   </body>
</html>

第三步:将这个文件存为 "mypage.html"。

第四步:启动您的浏览器。在浏览器的文件菜单中选择“打开”或者“打开页面”。这时会弹出一个对话框。单击“浏览”或者“选择文件”,找到您刚才创建的文件 - "mypage.html",选定它然后打开,现在您会看到对话框中有一行地址,比如:"D:\mypage.html"。单击确定按钮,浏览器就会显示这个页面。

例子解释:

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这是 HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉您的浏览器,这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> 和 </b> 标签中的文本将以粗体显示。

为什么我们要使用小写的标签?

我们刚才讲到:HTML 标签对大小写是不敏感的:<b> 和 <B> 的作用的相同的。当您在网上冲浪时,您会发现大多数教程在他们的例子中都使用大写的 HTML 标签。而我们总是使用小写。原因何在呢?

如果您希望为使用下一代 HTML 而做好准备,您就应该使用小写标签。万维网联盟 (W3C) 的标准是:建议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。

HTM 还是 HTML 扩展名?

当您将一个 HTML 文件存盘时,您即可以使用 HTM 也可以使用 HTML 作为扩展名。我们刚才使用了 .htm 作为上面那个例子的扩展名。不过这样做也许是一个坏习惯,习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯,这些软件只允许三个字母作为扩展名。

如果您使用新近的软件,我们认为使用 .html 是相当安全的做法。

关于 HTML 编辑器的注意事项:

您可以使用所见即所得的编辑器而不是纯文本编辑器,这样会更轻松的编辑 HTML 文件。比方说 FrontPage, Claris Home Page, 或者 Adobe PageMill,甚至更高阶的 Dreamweaver。

但是,如果您希望成为一名熟练的开发人员,我们强烈推荐您使用纯文本编辑器来学习我们的《HTML 基础教程》。

常见问题(FAQ)

Q:我已经编辑了一个 HTML 文件,但是浏览器无法显示出结果。为什么?

A:首先确定您使用了正确的文件名和扩展名存盘,比如说 "c:\mypage.htm"。然后看一下是否在浏览器中使用了同样的文件名来打开这个文件。

Q:我重新编辑了 HTML 文件,但是浏览器的显示没有任何变化。为什么?

A:为了不重复读取同一个页面,浏览器要对您的页面进行缓存。浏览器不会意识到您已经修改了页面。通过使用刷新或者重载按钮,您可以使浏览器读取编辑后的页面。

Q:我应该使用何种浏览器?

A:您可以使用任何一款通用浏览器进行训练,例如 Internet Explorer, Mozilla, Netscape,或者 Opera。不过,我们的高级课程中的某些例子需要最新版本的浏览器的支持。

Q:我的电脑必须运行 Windows 吗?使用 Mac 机可以吗?

A:您可以在非 Windows 系统上进行所有的训练,比如 Mac。

HTML基础教程(1)——HTML简介

时间: 2024-11-03 20:57:46

HTML基础教程(1)——HTML简介的相关文章

python入门基础教程02 Python简介

02 Python简介 Python简介 Python是一种解释型.面向对象.动态数据类型的高级程序设计语言,属于应用层软件.自从20 世纪90 年代初Python语言诞生至今,它逐渐被广泛应用于处理系统管理任务.自动化运维.图像处理游戏和Web 网站开发等领域.Python已经成为最受欢迎的程序设计语言之一.4.易读以及可扩展性,在国外用Python做科学计算的研究机构日益增多,一些知名大学已经采用Python教授程序设计课程.例如麻省理工学院的计算机科学及编程导论课程就使用Python语言讲

Activiti基础教程--01(简介、代码生成Activiti的25张表、Activiti配置文件activiti.cfg.xml生成25张表、在Eclipse上安装Activiti插件)

一.简介 Activiti项目是一项新的基于Apache许可的开源BPM平台,从基础开始构建,旨在提供支持新的BPMN 2.0标准,包括支持对象管理组(OMG),面对新技术的机遇,诸如互操作性和云架构,提供技术实现. 创始人Tom Baeyens是JBoss jBPM的项目架构师,以及另一位架构师Joram Barrez,一起加入到创建Alfresco这项首次实现Apache开源许可的BPMN 2.0引擎开发中来. Activiti是一个独立运作和经营的开源项目品牌,并将独立于Alfresco开

ASP基础教程:ASP简介

看了<如何令你的网站“动感十足”>一文后,是否令你怦然心动?是否已经急不可待地想构建属于你自己的动态网站?本文将以 Active Server Pages 为中心,向你全面展示制作动态商业网站的步骤和技巧并通过大量的实例,让你在不断的理论和实践之中笑傲“网络”…… 上一章给大家简要介绍了建立动态网站的一些方法和制作工具,本章将以如何建立基于 IIS 的 ASP 动态网站为中心向大家一步一步地揭示动态商业网站设计的真正奥秘.为了使各位能够全面.细致地掌握 ASP 的开发技巧,本文今后将采取连载的

从Pitre《Swift 基础教程2nd》开始

看了两天<Learn Objective-C on the MAC> 中文版本<Objective-C基础编程>,大概认真读到了第9章内存管理部分,感觉这语言可比C++简单多了. 第一天,因为有C语言基础的缘故,我在windows 上安装了GNUstep (Objective-C)开发环境,变看电子书籍,边在PC上编译运行树上的示例,几乎一个都没放过,还做了不少笔记. (毕竟作者 Mark Dalrymaple & Scott Knaster 是高屋建瓴,叙述技术娓娓道来,

Django 基础教程

Django 基础教程 这是第一篇 Django 简介 ?  Django 是由 Python 开发的一个免费的开源网站框架,可以用于快速搭建高性能,优雅的网站! 你一定可以学会,Django 很简单!本教程一直在更新,从开始写到现在大概写了一年多了,现在也一直在坚持写,每一篇教程都可能随时更新,可以在网站首页看到最近更新的情况. 我阅读学习了全部的 Django英文的官方文档,觉得国内比较好的Django学习资源不多,所以决定写自己的教程.本教程开始写的时候是 Django 的版本是 1.6,

OpenLayers3基础教程——OL3只之Popup

概述: 本节重点讲述OpenLayers3中Popup的调用时实现,OL3改用Overlay代替OL2的Popup功能. 接口简介: overlay跟ol.control.Control一样,是一个可见的窗口,但是不和Control一样,不是固定在地图区域的某个部分,而是显示在一个地图坐标上,随着地图的移动或者缩放而移动的.其调用方式如下: var popup = new ol.Overlay({ element: document.getElementById('popup') }); pop

imooc’s html 基础教程笔记

imooc’s html 基础教程笔记 imooc’s html 基础教程 第一章 Html介绍 1.1 Html和CSS的关系 1.2认识html标签 1.3 标签的语法 1.4 认识html文件基本结构 1.5 认识head标签 1.6了解HTML的代码注释 2.1语义化,让你的网页更好的被搜索引擎理解 2.2 标签,网页上显示的内容放在这里 2.3 开始学习标签,添加段落 2.4 了解标签,为你的网页添加标题 2.5 加入强调语气,使用strong和em标签 2.6 使用span标签为文字

NSIS安装制作基础教程[初级篇], 献给对NSIS有兴趣的初学者

NSIS安装制作基础教程[初级篇], 献给对NSIS有兴趣的初学者 作者: raindy 来源:http://bbs.hanzify.org/index.php?showtopic=30029 时间:2005-02-15 点击:70791 raindy NSIS简介: NSIS 是“Nullsoft 脚本安装系统”(Nullsoft Scriptable Installation System)的缩写,它是一个免费的 Win32 安装.卸载系统,它的特点:脚本简洁高效:系统开销小:当然进行安装.

Swift中文教程(1)-简介

转载请注明 http://write.blog.csdn.net/postedit/28442151 翻译者:gumpstar 昨天Swift刚出来,以后自己可能会在手机上开发计算机视觉应用,就打算每天学习一点点. 简介 Swift是供iOS和OS X应用编程的新编程语言,基于C和Objective-C,而却没有C的一些兼容约束.Swift采用了安全的编程模式和添加现代的功能来是的编程更加简单.灵活和有趣.界面则基于广受人民群众爱戴的Cocoa和Cocoa Touch框架,展示了软件开发的新方向