所在的位置: html >> html资源 >> 45的HTML教程第二期

45的HTML教程第二期

本文作者: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如果想看到更多教程,可以在


转载请注明:http://www.aierlanlan.com/rzgz/6956.html