HTML语法结构


HTML是一门标记语言,用于控制页面结构,HTML 通过标记告诉了浏览器以什么方式或者结构显示内容,作为初学者掌握HTML的一些常用标记是必要的。

 

一、什么是标签?

HTML用于描述功能的符号称为“标签”。如 "HTML"、“BODY”、“TABLE”等。
标签是由W3C组织定义好的并具有特定的含义的符号。


标签有比较固定的格式,规则如下:
1)标记在使用时必须用尖括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
所以应当遵循:<开始标签> 标签体 </结束标签>

2)不区分大小写,标签名是固定的。
例如:<table>表示一个表格的开始,</table>表标一个表格的结束。如<table>和<table>都是表示一个表格的开始。不区分大小写。


二、标签分类
带标签体的标签         如:  <p> XX </p>
不带标签体的标签      如: <br/>


三、标签属性
写在开始标签上的 名=“值”对代表该标签的属性,例如:<font color=“red”></font>。
一个标签可以有多个属性,多个属性之间使用空格隔开。


但是要注意:属性值最好使用单引号或者双引号引起来。

<font color="red">你好</font>


注意事项:
1、所有标记都要用<> 尖括号括起来。
2、成对出现的标记,最好开始和结束标记同时写完。
3、HTML中不区分大小写。
4、标记中不要有空格。

错误的例子:

<html>
	<head>
		<title>这是我的第一个网页</title>
	</head>
	<body>
		< a href="http://www.yiidian.com" target="_blank">一点教程</a>
	</body>
</html>

错误原因:标签 <a> 开头多了空格。


四、HTML注释

<!-- 我是注释 -->

以上为html的注释


五、HTML正文结构

HTML正文分为文档头和文档体两部分。文档头<head> 可以定义标题,关键字等等.文档体<body> 定义要将要显示在浏览器中的各种信息。


案例:

<html>
<head>
	<title>这是我的第一个html</title>	
</head>
<body>
	<p>HelloWorld</p>
<body>
</html>

注释:
    <html> 与 </html>之间的文本描述网页

    <head> 与 </head> 之间的用于定义文档的头部

    <title> 与 </title>  定义文档的标题

     <body> 与 </body> 之间的文本是可见的页面内容

     <p> 与 </p> 之间的文本被显示为段落

 

5.1、文件头<head>

一个完整的html文件包括头部文件(head)和文件主体(body),头部标记是<head></head>。在这对标记中的内容为头部内容,HTML中的头部内容不直接在网页上显示。


在head 里面可以编写的标签包括:<title>,<base>, <link>, <meta>, <script>, <style>, 以及文本标签。
例如: <title>


<head>代码示例:

<html>
	<head>
		<title>这是网页的标题</title>
	</head>
	<body>
	</body>
</html>

说明:在本例中,在<head><head>标签中包含了<title></title> 标签。<title>中的内容是网页的标题,没有显示在网页中,而是显示在了网页的标题栏上。

 

5.2、文件体<body> 

我们可以直接在body中添加文件并编辑内容,如下:

<html>
	<head>
		<title>这是网页的标题</title>
	</head>
	<body>
		这是网页的body内容
	</body>
</html>