做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

主要内容：正式引入HTML网页开发，学习并了解HTML的相关知识。变身Web开发达人，做全栈程序员。这是HTML技术的第二课，主要讲解一下HTML的几大重要标签，做出来比较不错的显示效果。

回顾上节

上节中主要讲解了HTML的开发工具以及书写了第一个Web网页。上节请戳→HTML电脑编程02 书写第一个Web网页程序员学习复习

第一个HTML网页

其中包括<html>....</html>标签、<head>...</head>（头部标签）、<title>...</title>（标题标签）、<body>...</body>（身体标签）。每个标签都有自己的含义。其实还有很多非常重要的标签的。下面我们一起来看一看。

PS小技巧：分享个写标签的小技巧，在书写（<）时，顺带着把（>）也也写好了。成对成对的写，对于标签也适用，如在写html标签时。书写顺序如下：
1.<
2.>
3.html
4.<
5.>
6./html

文本标签

对于标签的学习，最好进行分类，这样就可以快速的进行学习了。首先说一下文本标签。

文本标签是用来显示文字的。只要是内容的东西，咋就意味着需要卸载body内：

body标签

如同上节课一样，直接在body标签中写文字也是可行的。但是你无法对字体颜色格式等信息进行控制。所以出现了不同的文本标签，用来显示设置不同的字形。

如同名字一样，标题标签就是标题。使用这个标签可以让你的内容和标题一样显示。标题标签包括<h1>-<h6>六种。

6种标题标签

其显示效果如下：

6种标题标签的展示效果

可以看到H1-H6标签的大小不一致。H后面的数字越大反而越小。

H标签中还包含一个属性align。那到底什么是属性呢？

属性以键值对的形式存在。属性是相对于标签而言的，也就是需要把属性写在标签内。既然是属性，也就意味着可以改变标签的某些功能。例如H标签中含有align属性。这就是用来控制对齐方式的。

align属性

align属性就是用来控制对齐方式的。通过上图，也可以看到属性的书写方式。一起来看一下效果吧：

align属性的不同效果

align属性常用的包括left（靠左）、center（居中）、right（靠右）三个基本值。

下面介绍几个物理字体的标签。物理字体指的是：加粗、斜体、下划线、上下标等

粗体：

粗体

粗体显示的效果

还有其他的标签，和b标签使用方式一致：

各种物理字体

大家直接试用一下就可以看到效果了。

本教程由做全栈攻城狮，原创首发，如有转载，请注明出处。

如果你有什么比较不错的编程技巧，或者你想要什么程序员编程资源，点击下方了解更多。