前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >小白前端入门笔记(四),填充测试文本

小白前端入门笔记(四),填充测试文本

作者头像
TechFlow-承志
发布于 2021-01-25 06:55:12
发布于 2021-01-25 06:55:12
1.2K00
代码可运行
举报
文章被收录于专栏:TechFlowTechFlow
运行总次数:0
代码可运行

大家好,今天是freecodecamp HTML专题的第四篇。

背景知识

web开发人员传统上会使用lorem ipsum文本来作为测试排版时的填充文字,这个lorem ipsum大家看起来很陌生,这个是非常正常的。我查了一下,它是从一篇著名的文章"Cicero of Ancient Rome"上随机抓取的。至于文章具体内容是什么,这并不重要,大家可以忽略,只需要知道它通常被用来排版即可。

从16世纪以来,lorem ipsum文本就常常被用来作为排版时的填充。如今的web开发继承了这个传统,我个人觉得这个传统更多的还是适用于国外,国内的前端工程师们估计是没有这个传统的,我也没有听说过。

如果大家想要填充文字,网上有很多这样的文章生成器,比如有一个著名的狗屁不通文章生成器。你只要输入文章主题,它就可以为你生成一篇文章。我们随便复制一段就可以用来测试。

题意

现在5个世纪过去了,由于我们正在搭建的是CatPhotoApp,所以让我们自己创建一些填充文本,叫做kitty ipsum。

要求将p标签当中的内容替换成:

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

要求

  1. 你的p标签必须包含kitty ipsum

编辑器

解法

非常简单,我们把kitty ipsum的内容复制粘贴上即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-01-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Coder梁 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验