本文作者:wawjf
01第二期:标题与文本的使用
上期我们讲到过:“HTML使用标记标签来描述网页,而标签是由尖括号(大于号小于号)包围的关键词”。
所以这一期我们来讲一下和文本有关的标签的使用方法。
这一次不一样,我们先来讲一下会用到的标签。
02HTML标签
meta:定义网页的元信息,比如字体,跳转页面,缓存时间等title:定义网页的标题head:HTML文档的头部区域,存储网页的基本信息,head部分的内容对网页十分重要h1~h6:定义文档的标题。一般情况下,h1为32px、h2为24px、h3为18.72px、h4为16px、h5为13.28px、h6为12px。p:定义段落文本,一般情况下大小为16pxbr/:换行
head
在其实“body”区域之前,还有一个由head/head标签构成的区域,head标签之间是html文档的头部区域,存储网页的基本信息。例如该网页的编码、引入的文件等。
body在head区域内,可以使用标签title来定义网页的标题
title效果编码
在上一期编写“Helloworld!”的时候,我们并没有引入“编码”这个概念。
编码是信息从一种形式或格式转换为另一种形式的过程,我们想在浏览器上看到中文,就要通过编码。
例如汉字“我”的UTF-8编码就是“#x;”
我们可以通过标签meta来设置网页的编码。中文是“UTF-8或“GBK”
设定网页编码关于文本
我们可以通过标签p来定义段落文本,大小为16px。
定义段落标签h1~h6被用于定义标题。其中h4文本的大小和p一样。
代码效果br/被用于换行。
注意,html的标签有两种格式。第一种是像p/p,h1/h1这样的,定义的是两个标签之间的内容。
第二种像br/,meta,img/(用于定义图片)
br/是一个空的html元素。由于关闭标签没有任何意义,因此它没有结束标签。
img则是通过src的链接来确认图片的位置。没有结束标签。
另外,html标签是不区分大小写的:
代码这三段代码的意思是一样的,输出没有任何的区别
通过这些标签,我们就可以在自己的网页内输入文章了。最后给大家一个挑战:
03挑战
实战这样的网页,究竟是怎么做成的呢?大家可以在评论区或私信内附上自己的代码和图片。我们会给予指导,并在第4期讲解。
04作者团队
Алексей
wawjf
如果想看到更多教程,可以在