（1）HTML标签详解之开篇语

来源：互联网发布：java培训班哪个好编辑：程序博客网时间：2024/06/05 01:57

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>

0 0