（1）HTML标签详解之开篇语_开头语html-CSDN博客

本文链接：https://blog.csdn.net/yangli_world/article/details/51993530

HTML标签详解之开篇语

任何一个html文档的结构和内容都是由HTML标签所定义的，每一个HTML标签都有其自身的含义和特性，因此对于制作一个结构稳定和内容精美的网页来说，深入透彻地理解每一个HTML标签是必要的。

HTML标签分为块级元素（block）和内联元素（inline），它们在网页中的显示效果不同，需要注意。不过它们之间是可以相互转换的，通过它们的display属性进行改变，display常用属性值有block、inline、inline-block、none、inherit等，后续会进行详细讲解。

众所周知，HTML文档都是由浏览器进行解析呈现的，但是目前市面上浏览器纷繁多样，各个浏览器对文档的解析设定各不一样，因此需要注意HTML文档对各个浏览器的兼容问题。

首先看一下HTML文档的基本结构，后续会对每一个HTML标签进行详细的讲解，以求对其透彻理解和清晰使用。

<pre name="code" class="html"><div>
</div>

<!DOCTYPE html >
<html >
<head>
<!--这是html文档中的注释---meta元数据信息开始---->
	
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--定义此html文档的编码字符集是utf-8,对浏览器解析此文档很重要-->
    <meta name="keywords" content="html,标签,标签详解" />
    <!--定义此网页的关键字信息，便于搜索引擎通过关键字搜索到本网页---->
    <meta name="description" content="这是此网页的描述，会被搜索引擎查看，在搜索结果列表中显示" />
    <!--定义此网页的简要说明，这部分会呈现给搜索者看的---->
    <meta name="author" content="yongLI" />  
    <!--定义此文档的作者----->
<!--这是html文档中的注释---meta元数据信息结束---->

	<title>这是基本的html文档结构</title>
    <!--title标签定义了该网页的标题，会在浏览器顶端的标签上显示，也会在用户的收藏夹显示--->
</head>

<body>
	<h1>这是该网页正文的主标题</h1>
    <p>这是该网页的正文内容，是一个段落，可以做成图文共存的样式。</p>
</body>
</html>