Html教程(一)-基本标志

刘微微333

刘微微333

2016-02-19 22:20

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

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标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

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

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

属性
 用途
 示例
 
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标志对之间。

下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

Html教程(一)-基本标志

Web开发
Html教程(一)-基本标志

Html教程(二)-格式标志

Web开发
Html教程(二)-格式标志

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Html教程(三)-文本标志

Web开发
Html教程(三)-文本标志

Html教程(七)-帧标志

Web开发
Html教程(七)-帧标志

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Html教程(八)-表单标志

Web开发
Html教程(八)-表单标志

Html教程(四)-图像标志

Web开发
Html教程(四)-图像标志

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

要考试了 校长你看着办吧

要考试了 校长你看着办吧

网页初学者的参考:HTML标记手册

网页初学者的参考:HTML标记手册
下拉加载更多内容 ↓