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

紧张内容:正式引入HTML网页开拓,学习并理解HTML的干系知识。
变身Web开拓达人,做全栈程序员。
这是HTML技能的第二课,紧张讲解一下HTML的几大主要标签,做出来比较不错的显示效果。

html标题字体HTML电脑编程03 题目物理字体标签的应用年夜学生学编程 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标签利用办法同等:

各种物理字体

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

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

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