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>

什么是HTML？文本标签

HTML语法结构

错误的例子：

微信关注