【网易官方】极客战记(codecombat)攻略-网页开发1-段落典范

关卡连接:https://codecombat.163.com/play/level/paragraph-paragon

免费试玩:https://codecombat.163.com/play

学习使用段落分组内容的更好方法!

简介

标记用于将文本分组为段落。

不要把它和 <br> 标签混淆,这是用来换行的!

默认代码

<!-- <p>标记用于对文本段落进行分组。-->
<!-- 开始标签是:<p>,结束标签是</p>大多数标签需要开始标签和结束标签。-->
<!-- 开始标签是:<p>,结束标签是</p>-->
<!-- 标记一个HTML元素的结尾。-->
<!-- 注意/是在p之前,而不是之后!-->
<!-- <p>标签是用来强制换行的… -->
<!-- ... <p>标签用于给文本分段落。-->
<p>HTML标签可以在同一行上,或者…</p>
<p>
    ...在不同的线路上! 只要确保存在打开和关闭标签。
</p>
<!-- 在下面添加一个<p>标签:-->
这应该是一个段落。围住我!
<!-- 在下面添加一个</p>标签:-->
<!-- 最后在文本之间添加一个<p>和</p>。-->

概览

HTML 开始 / 结束标记

TML 有一些特殊的 empty 标签,比如<br>,但大多数 HTML 标签都需要 start 和 end 标签。 或者更常见的是:start 和 end 标签。

opening 标签是指在计算机被标记为 contained 之后的所有内容。 paragraph 元素的 start 标签是:<p> 。

closing 标记告诉计算机它不应该在它之后对内容应用任何规则。 paragraph 元素的 end 标签是:<p>

记住关闭所有的标签,否则你的网页看起来怪异!

<p>我是一个独立的段落!我很整洁。</p>
<p>我是另一段,我也很酷,我保证!</p>

记住,行距对电脑来说并不重要!使用缩进和断线,可以使 HTML 变得简单易读。将来会变得更乱,所以现在练习是个好习惯!

<p>
    我只是一个普通的段落,什么也没有改变.
</p>
<p>你也可以混合样式!取决于感觉到什么是最好的方式。</p>
<p>
    您甚至可以在p-tags内使用br标签!
<br>
看,我在另一行,在一段中!
</p>

段落典范 解法

<!-- <p>标记用于对文本段落进行分组。-->
<!-- 开始标签是:<p>,结束标签是</p>大多数标签需要开始标签和结束标签。-->
<!-- 开始标签是:<p>,结束标签是</p>-->
<!-- 标记一个HTML元素的结尾。-->
<!-- 注意/是在p之前,而不是之后!-->
<!-- <br>标签是用来强制换行的… -->
<!-- ... <p>标签用于给文本分段落。-->
<p>HTML标签可以在同一行上,或者…</p>
<p>
    ...在不同的线路上! 只要确保存在打开和关闭标签
</p>
<!-- 在下面添加一个<p>标签: -->
<p>
    这应该是一个段落。围住我!
<!-- 在下面添加一个</p>标签:-->
</p>
<!-- 最后在文本之间添加一个<p>和</p>。-->
<p>
    Continue to be paragraphical!
</p>

本攻略发于极客战记官方教学栏目,原文地址为:

https://codecombat.163.com/news/jikezhanji-duanluodianfan

极客战记——学编程,用玩的!

原文地址:https://www.cnblogs.com/codecombat/p/12142232.html