目录
三、后序:
一、前言:
此篇博文是在上一篇“用记事本来完成第一个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、小作业:
好了,到现在了你已经学会好几个知识点了,现在是时候来检测一下你自己的实力了!!!正好博文也结束了,上手实践一下吧!
根据我给出的网页图片自己写一下代码过程,看看能不能实现和我一样的效果,我只会使用我教过的方法来完成网页的,这期答案我会在下篇博文发布!及时关注哦!看看你自己做对了没有!
三、后序:
嘿嘿嘿·,小黑子,漏出鸡脚了吧!|_~
此博文存在玩梗内容,如有无意冒犯还请见谅!