作者：向洋
声明：
HTML与CSS系列教程为自己学习过程中的总结分享，是自己学习的另一种方式。其中如果有些错误也希望大家在实践中后提出来，直接评论就行，转载内容请注明作者。
首先告诉大家学习任何东西都不是太难，最重要的是坚持。可能开始啥都不懂，但是自己一步步的训练终有一天恍然大悟。
什么是 HTML？
HTML 是什么东西呢？一句话就够了。
HTML就是一种通过标记标签内容的方式，让浏览器能以正确的格式呈现内容，也就是通过一种语言把网页内容呈现出来的意思。
所以对于HTML两个重要内容：标记标签和文本内容（你要呈现的内容），只要满足两个你就可以完成一个简单的页面,比如输入如下：
<html>
<body>
<h2>静夜思</h2>
<h5>作者：李白</h5>
<p>床前明月光，疑是地上霜。
举头望明月，低头思故乡。。</p>
</body>
</html>
在网页上呈现的内容就是
<html>
<body>
<h2>静夜思</h2>
<h5>作者：李白</h5>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
</body>
</html>
HTML 标签
HTML标签是一种你必须遵循的规则，不然无法呈现你想要表达的内容。前面提到的<(/)html>、<(/)h1>、<(/)body>、<(/)p>都是标记标签，前文演示过这些标签并不能在网页上呈现但是有他们的存在，文本内容才得以出现在网页上。
HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本内容
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号“< >”包围的关键词，比如 <html>。HTML 标签通常是成对出现的，那么就叫他们标签对情侣吧（记住必须成双成对，不然就不能虐单身狗了）比如<b> 和 </b>就是标签对。标签对中的第一个标签如<b>是开始标签，第二个标签</b>是结束标签。
标记标签解释
然后在这里对不同的标签做一个解释以方便大家理解：
-
<html>与</html>之间的文本描述网页
要想呈现整个内容，在开始和结束都得有<html>,</html>
-
<body>与</body>之间的文本是可见的页面内容
在你输入文本内容之前还得再加上<body>,写完后还得加上</body>
-
<h1>与</h1>之间的文本被显示为标题
通过输入：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
网页显示：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
.....
-
<p>与</p>之间的文本被显示为段落
通过在<p>与</p>之间输入正文表示段落。
<p>这是正文</p>
<p>这是正文1</p> <p>这是正文2</p> <p>这是正文3</p>
总结
那么在这里做一个简单的整体演练，也就是把前面讲的内容合起来敲一遍看呈现出什么样的内容。
<html>
<body>
<h1>守望屁股</h1>
<p>A:哈哈哈！你也玩守望屁股呀！</p>
<p>B:哈哈哈哈！辣鸡游戏！我每天只玩十八个小时就不玩了！</p>
</body>
</html>
网页显示内容:
<html>
<body>
<h1>守望屁股</h1>
<p>A:哈哈哈！你也玩守望屁股呀！</p>
<p>B:哈哈哈哈！辣鸡游戏！我每天只玩十八个小时就不玩了！</p>
</body>
</html>
好了，这就是第一集的所有内容了。
网友评论