Bootstrap

用记事本来写html—02

目录

一、前言:

二、废话少说直接开始:

        1、瞻前顾后:

        2、文本居中显示:

        3、认识字体方法:

        4、文本标题化显示:

        5、自定义文本字体大小:

        6、小作业:

三、后序


一、前言:

        此篇博文是在上一篇“用记事本来完成第一个html网页-CSDN博客”的基础上来实现的功能;此篇博文增加了“字体大小”、“字体居中”等功能


二、废话少说直接开始:

        1、瞻前顾后

        首先来回顾一下上篇博文的最后,咱们把网页做到了哪里?Oi,就知道你忘了,快来看下面这张图片吧:


        2、文本居中显示:

        看了第一篇的人会说:这网页怎么那么难看呢?我不学了,别急我们这就来学习文本居中;还有的人要问了,我想把文字居中显示怎么办嘞?Auv那你算是问对了,但是在开始之前我们先来学两个英语单词:

align:使一致;排列;校准;使成一条直线;排整齐;

center:居中;集中;把······聚集在;

        理解上面两个单词什么意思之后,再来看下面这张图一,我们在前一个<body>中添加一个命令(align=”center”),不要忘了字母都是英文

        当我们再次运行时就会发现网页的文字都居中显示了;如图二下部分网页所示;OK现在的你学会了“文本居中”;


        3、认识字体方法

        这里呢给了两种方法:一种是将内容变成标题显示另一种是自定义字体大小;就像下面这张图片一样,①就对应的是WPS中的字号,②对应的是wps中的标题;


        4、文本标题化显示:

        标题显示,就像WPS中的标题一样,也有标题1、标题2、标题3、标题4,但是html中有6级标题用<h1></h1>表示,数字越小文本越大,从<h1>——<h6>字体越来越小;让我们来看下面这张图四:通过图四我们可以清楚地看到h1—h6的作用,同样也是前后照应的,人家可不是单身狗!!!


        5、自定义文本字体大小:

        在此我们使用到了<font>方法;好家伙,这家伙也是有伴的!!!前后各一个还是异地恋!!!虽然html5中废弃了font方法,但是部分浏览器还是支持编译font的,并且font也是最简单的改变字体大小的方法,所以先从font学起,到后面的时候再学习进阶的;

        那么来看下面这张图五吧,在前一个<font>里面添加一些属性,说白了就是通过规定size的值来自定义字体的大小;那就有人要问了px是什么呢?Auv那你是真爱学习!既然这样那我们就再来学一个单词吧!px是pixels的缩写:

pixels:像素(组成屏幕图像的最小独立元素)


        6、小作业:

        好了,到现在了你已经学会好几个知识点了,现在是时候来检测一下你自己的实力了!!!正好博文也结束了,上手实践一下吧!

        根据我给出的网页图片自己写一下代码过程,看看能不能实现和我一样的效果,我只会使用我教过的方法来完成网页的,这期答案我会在下篇博文发布!及时关注哦!看看你自己做对了没有!

三、后序:

        嘿嘿嘿·,小黑子,漏出鸡脚了吧!|_~

        此博文存在玩梗内容,如有无意冒犯还请见谅!

;