Html教程(一)-基本标志

2016-02-19 22:20 2 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Html教程(一)-基本标志,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

Html是英文 HyperText Markup Language 的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用标志名/标志名来表示标志的开始和结束(例如html/html标志对),因此在Html文档中这样的标志对都必须是成对使用的。在此教程中,我先讲一下Html的基本标志:

1.html/html
html标志用于Html文档的最前边,用来标识Html文档的开始。而/html标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。

2.head/head
head和/head构成Html文档的开头部分,在此标志对之间可以使用title/title、script/script等等标志对,这些标志对都是描述Html文档相关信息的标志对,head/head标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

3.body/body
body/body是Html文档的主体部分,在此标志对之间可包含p、/p、h1、/h1、br、hr等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。body标志中还可以有以下属性:

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

属性
 用途
 示例
 
body bgcolor="#rrggbb" 设置背景颜色。 body bgcolor="red"红色背景
body text="#rrggbb" 设置文本颜色。 body text="#0000ff"蓝色文本
body link="#rrggbb" 设置链接颜色。 body link="blue"链接为蓝色
body vlink="#rrggbb" 设置已使用的链接的颜色 body vlink="#ff0000"
body alink="#rrggbb" 设置正在被击中的链接的颜色。 body alink="yellow"
    说明:以上各个属性可以结合使用,如body bgcolor="red" text="#0000ff"。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如body text="Blue"表示body/body标志对中的文本使用蓝色显示在浏览器的框内。

4.title/title
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在title/title标志对之间加入您要显示的文本即可。注意:title/title标志对只能放在head/head标志对之间。

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

下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。
例1 Html文档中基本标志的使用
html

head
title显示在浏览器最上边蓝色条中的文本/title
/head

body bgcolor="red" text="blue"
p红色背景、蓝色文本/p
/body

/html

说明:如果你从没接触html,不知怎样实现这个例子,可以这样做:

1.单击"开始"→"程序"→"附件"→"记事本"

2.将上方的蓝色html代码输入记事本中,单击记事本的"文件"菜单,选"保存"命令.

3.在弹出的"保存"对话框中,"保存位置"我们选C:盘,文件名我们输入abc.htm(注意:记事本默认的扩展名是.txt,这里一定要改成.htm),下方的"保存类型"列表框中选"所有文件",单击"保存"按钮.如图:

4.好了,现在我们关掉记事本,打开C:,就会看到一个名为abc.htm的html文件,这就是我们刚才保存了.双击打开它,就会启动浏览器.

来源:https://www.tulaoshi.com/n/20160219/1628193.html

延伸阅读
标签: Web开发
什么是HTML文件?     * HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。     * 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。     * 一个HTML文件的后缀名是.htm或者是.html。     * 用文本编辑器就可以编...
标签: 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 ...
  HTML 组件(HTML COMPONENTS)是IE5。0的主要扩展之一,其也最具革命性,微软的意图是用HTML组件来取代ACTIVEX控件,和ACTIVE控件一样,HTML组件是自持续封闭对象,可以一次开发任意使用,使用HTML组件有很多好处,本文将给您揭示其中的一些! HTML组件带入了很多新的术语、思想、对象、方法和属性,我将通过一个日历应用给您接受...
  全写: HyperText Mark-up Language 译名: 超文件注标式语言(译名之一) 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你...
标签: Web开发
什么是HTML文件? HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧! 打开你的Notepad,新建一个文件,然后拷...

经验教程

556

收藏

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