HTML5标签
HTML不是一种编程语言,而是一种标记语言(Hyper Text Markup Language)。HTML5标记标签是由尖括号括起来的关键词,比如<html>
。
HTML5的标签通常是成对出现的,如<b>和</b>
其中第一个标签是开始标签,第二个标签是结束标签。
语法:
<标签名称>文本内容</标签名称>
成对的标签只对包含在其中的文本发生作用;
在每个标签中,大写小写或混写均可。
元素
HTML5元素是指从开始标签到结束标签的所有代码。
例如:
<p>具体的文本内容</p>
这个<p>
元素定义了HTML5文档中的一个段落,这个元素拥有一个开始标签<p>
和一个结束标签</p>
.
再如:
<a href="https://www.taobao.com/">淘宝网</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.//注释文字