面向05的HTML教程——第二期

第二期:标题与文本的使用

上一期我们说过,“HTML用tag标签来描述网页,tag是用尖括号(大于和小于)括起来的关键词”。

所以这一期,我们来谈谈文字相关标签的使用。

这次不一样。先说会用到的标签。

html标签

ormal;background-color: rgb(255, 255, 255);box-sizing: border-box !important;word-wrap: break-word !important;”>

<meta>??

定义网页的元信息,比如字体,跳转页面,缓存时间等

<title> 定义网页的标题
<head>

HTML文档的头部区域,存储网页的基本信息,<head>部分的内容对网页十分重要

<h1>~<h6>

定义文档的标题。一般情况下,

 h1为32px、

 h2为24px、

 h3为18.72px、

 h4为16px、

 h5为13.28px、 

 h6为12px。

<p>

定义段落文本,一般情况下大小为16px

<br/>

换行


<head>

在其实“<body>”区域之前,还有一个由<head></head>标签构成的区域,<head>标签之间是html文档的头部区域,存储网页的基本信息。例如该网页的编码、引入的文件等。
            

在<head>区域内,可以使用标签<title>来定义网页的标题

编码
在上一期编写“Hello world!”的时候,我们并没有引入“编码”这个概念。
编码是信息从一种形式或格式转换为另一种形式的过程,我们想在浏览器上看到中文,就要通过编码。
例如汉字 “我” 的UTF-8编码就是“我”
我们可以通过标签<meta>来设置网页的编码。中文是“UTF-8或“GBK”

这里解释的不是很清楚,可能会有一些错误。大家可以去百度一下
https://baike.baidu.com/item/%E7%BC%96%E7%A0%81/80092?fr=aladdin
关于文本
我们可以通过标签<p>来定义段落文本,大小为16px。

标签<h1>~<h6>被用于定义标题。其中<h4>之间文本的大小和<p>一样。

换行


<br/>被用于换行。
注意,html的标签有两种格式。第一种是像<p></p>,<h1></h1>这样的,定义的是两个标签之间的内容。
第二种像<br/>,<meta>,<img/>(用于定义图片)
<br/>是一个空的 html 元素。由于关闭标签没有任何意义,因此它没有结束标签。
<img>则是通过src的链接来确认图片的位置。没有结束标签。

另外,html标签是不区分大小写的:

这三段代码的意思是一样的,输出没有任何的区别

通过这些标签,我们就可以在自己的网页内输入文章了。最后给大家一个挑战:

这样的网页,究竟是怎么做成的呢?大家可以在微信公众号内附上自己的代码和图片。我们会给予指导。

作者:

    

Алексей

       四五帮帮主,四五dark♂帝国元首(划掉)

喜欢HTML/CSS/JS

07年出生,福建福州人,未来的程序员

素描八级,但是还是要请美工

本来想做小程序,结果开了个公众号天天在那边写稿


wawjf

(我爱微积分)

与楼上同班同学,都是很hj的人(是的

动态分享

倒放视频怎么倒放,倒放视频的视频

2022-6-6 21:07:01

动态分享

三种基本的css样式,应用CSS样式有哪几种方法

2022-6-6 21:36:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索