HTML5零基础入门之HTML基础语法详解

Posted qiand

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5零基础入门之HTML基础语法详解相关的知识,希望对你有一定的参考价值。

html5标签

 

HTML不是一种编程语言,而是一种标记语言(Hyper Text Markup Language)。HTML5标记标签是由尖括号括起来的关键词,比如<html>。

HTML5的标签通常是成对出现的,如<b>和</b>其中第一个标签是开始标签,第二个标签是结束标签。

语法:

<标签名称>文本内容</标签名称>

 

成对的标签只对包含在其中的文本发生作用;

在每个标签中,大写小写或混写均可。

 

元素

HTML5元素是指从开始标签到结束标签的所有代码。

例如:

<p>具体的文本内容</p>

 

这个<p>元素定义了HTML5文档中的一个段落,这个元素拥有一个开始标签<p>和一个结束标签</p>.

再如:

<a href="淘宝网 - 淘!我喜欢">淘宝网</a> 

 

这个<a>元素定义了一个超链接,它由开始标签<a>和结束标签</a>构成,元素的内容是:淘宝网,href属性表示<a>元素的超链接地址。

在HTML5的语法中,每个由HTML5标签与文字所形成的元素内,还可以包含另一个元素。整个HTML5文件就像一个大元素包含了许多小元素。

 

HTML5文件基本结构

<html>                   //文件开始
<head>                   //文件头
<title>文件标题</title>   //文件标题
</head>                  //文件头结束
<body>                   //文件体
文件正文                  //主体部分,基本的内容都在这里边写
</body>             
</html>                  //文件结束

 

 

< head> 与< /head>之间的元素是html5文件的文件头部分,用以说明文件的标题和整个文件的一些公共属性;< body>和< /body>是文件的主体部分,我们要实现的功能大部分是在这两个标签间实现的。

HTML5的基本标签

1.文件开始标签<html>

在任何一个html文件里,最先出现的html标签就是< html>,它是用于标识该文件是以HTML编写的,文件中所有文件内容都包含在< html>和 < /html>之间。

该标签不带任何属性。

其实现在常用的web浏览器都可以自动识别html文件,但是还是应该养成使用这个标签的好习惯。

2.文件头部标签<head>

html文件可分为文件头和文件主体两部分。文件主体部分就是在web浏览器窗口的用户区内看到的内容。而文件头部分用来规定该文件的标题(出现在web浏览器窗口的标题栏中)和文件的一些属性。它包含文件的标题、编码方式及url等信息,用于提供索引、辨认或其他方面的应用。

如果文本写在< title>标签中,则表示该网页的名称作为窗口的名称显示在这个网页窗口的最上方。

(如果html文件不需要提供相关信息时,可以省略< head> 标签。)

3.文件标题标签<title>

网页的名称写在< title>和< /title>之间,< title>标签应包含在< head>和< /head>标签之中。

4.元信息标签<meta>

meta元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在HTML中,meta标记不需要设置结束标记,在一个尖括号内就是一个meta内容,而在一个html头页面中可以有多个mata元素,meta元素的属性有两种:name 和 http-equiv,其中,name属性主要用于描述网页,以便搜索引擎机器人查找、分类。

5.页面主体标签<body>

在网页的主体标签部分中有很多的属性设置,如下:

 

属性                        描述

text                         设置页面文字的颜色

bgcolor                   设定页面背景的颜色

background            设定页面的背景图像

bgproperties          设定页面的背景图像为固定,不随页面的滚动而滚动

link                        设定页面默认的链接颜色

alink                      设定鼠标正在单击时的链接颜色

vlink                      设定访问后的链接颜色

topmargin             设定页面的上边距

leftmargin             设定页面的左边距

 

 

页面的注释

有三种注释的方法:

1.<!--注释文字-->
2./*注释文字*/
3.//注释文字

 

以上是关于HTML5零基础入门之HTML基础语法详解的主要内容,如果未能解决你的问题,请参考以下文章

《C#零基础入门之百识百例》(九十九)特性详解 -- 自定义特性

《C#零基础入门之百识百例》(九十九)特性详解 -- 自定义特性

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程

《C#零基础入门之百识百例》(一百)反射详解 -- 检索特性

《C#零基础入门之百识百例》(一百)反射详解 -- 检索特性

8月31日 | html5教学视频 零基础入门到精通实用视频教程