做全栈攻城狮-逐日更新原创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标签利用办法同等:
各种物理字体
大家直接试用一下就可以看到效果了。
本教程由做全栈攻城狮,原创首发,如有转载,请注明出处。
如果你有什么比较不错的编程技巧,或者你想要什么程序员编程资源,点击下方理解更多。