HTML5技术

HTML入门教程(一)_HTML基础入门教程

字号+ 作者:H5之家 来源:H5之家 2015-09-24 15:06 我要评论( )

HTML入门教程(一),学习HTML入门教程(一),HTML入门教程(一),查看HTML入门教程(一),HTML简介,HTML语言的标记语法和文档结构,介绍常用标签(文字,图片,表格),

一、基本标志


   1.<html></html>

   2.<head></head>

   3.<body></body>

   4.<title></title>


   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>标志中还可以有以下属性:





属性

用途

示例



<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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 学习HTML5一周的收获2 - 张晋铭

    学习HTML5一周的收获2 - 张晋铭

    2017-03-13 08:03

  • HTML5学习笔记一 简单学习HTML5 - 鸿鹄当高远

    HTML5学习笔记一 简单学习HTML5 - 鸿鹄当高远

    2016-04-11 10:00

  • HTML中网页的优化_HTML教程

    HTML中网页的优化_HTML教程

    2015-09-23 12:00

  • HTML的基础知识_HTML教程

    HTML的基础知识_HTML教程

    2015-09-23 11:09

网友点评
r