风吹来了 发表于 2020-4-2 08:25:52

【HTML5】第四期

仍然是一天一个知识点,让我们开始新的元气满满的一天吧:

还是先复习一下单词吧,忘了的就看上一期的最后,或者直接百度:scale , device , width

上一期的话我们讲了h元素,在这里,我冒着被你们喷凑字数的风险再次强调,除非你只是学个HTML5自娱自乐,否则,最好不要为了只是显示不同大小的字体而使用h1~h6,想要实现这类效果,在下诚恳建议您去了解一下CSS,当然,你要是有耐心也可以等以后出来CSS的教程,但我本人并不保证是否会有更新CSS的教程。

好了,言归正传,今天介绍的元素是p元素。p元素也是写在body元素里面的。

我们上一期说了,h元素是定义的标题,那么p元素,正好和h元素搭配起来,p元素,定义一个文本的内容,里面可以写一句话,也可以写一段文字。

<p>在这里面,你可以写一段话,也可以写一段文字,你开心最重要。</p>

同样的,p元素和h元素有一个共同点,那就是浏览器会默认在它们的内容的上下添加一个空行。

而且还有一点比较麻烦,那就是不管你在p元素里面输入多少个空格或是换行,最终都会被替换成一个空格显示出来。举个荔枝吧:

<p>请看好,我准备换行了

看,我已经换行了</p>

那么你猜猜显示出来会是什么样子呢?请看:

请看好,我准备换行了 看,我已经换行了

浏览器将我们的换行替换成了一个空格。

所以我们要换行或者是分段的时候,就可以用两个p元素:

<p>请看好,我准备换行了</p>
<p>看,我已经换行了</p>

这个样子就可以实现我们想要的效果了,当然,这样的方法有点麻烦甚至有点傻,不过没关系,以后我们会介绍其他的元素能让你不再显得这么傻。

接下来我们将今天的内容和上一期的内容组合一下:

<!DOCTYPE html>
<html>
<head>
      <title>这是我的标题</title>
</head>
<body>
      <h1>这是最重要的标题</h1>
      <p>这是最重要的标题里面的内容</p>
      <h2>这是第二重要的标题</h2>
      <p>这是第二重要的标题里面的内容</p>
</body>
</html>

好了,今天就到此结束了,老规矩,记单词的时间又到了:
paragraph:段落
language:语言
code:代码

wuqramy 发表于 2020-4-2 09:21:28

每天的单词有点太少了哦,我每天都要背30个

风吹来了 发表于 2020-4-2 09:32:14

wuqramy 发表于 2020-4-2 09:21
每天的单词有点太少了哦,我每天都要背30个

突然觉得你才是个神仙,大佬,在下跪了

wuqramy 发表于 2020-4-2 09:33:22

风吹来了 发表于 2020-4-2 09:32
突然觉得你才是个神仙,大佬,在下跪了

日常20个,第二轮复习30个

风吹来了 发表于 2020-4-2 09:45:42

wuqramy 发表于 2020-4-2 09:33
日常20个,第二轮复习30个

这就是神仙的生活吗?怕了怕了{:10_266:}

wuqramy 发表于 2020-4-2 09:46:41

风吹来了 发表于 2020-4-2 09:45
这就是神仙的生活吗?怕了怕了

但是每次听写不可能全对,呵呵{:10_266:}

weiter 发表于 2020-4-3 12:07:23

我日昍晶,这么强大德玛?我都没背单词的。。。全靠手感
页: [1]
查看完整版本: 【HTML5】第四期