在本教程中，你将创建自己的 HTML 元素：<word-viewer>。它是继 <marquee> 和 <blink> 之后又一个光荣的实用元素！你可以在右侧看到它！
word-viewer 组件接受一个用句号分隔的单词列表，并一次显示一个单词。你可以在 HTML 中这样使用它：
<word-viewer words="Hello.World"></word-viewer> 点击它会反向播放单词，并改变一些样式。
虽然我们要构建的东西有些奇特，但在这个过程中，我们将涉及构建自己的 Lit 组件时会用到的所有核心概念：
<word-viewer></word-viewer> 自定义元素。本教程假设你具备 JavaScript 或 TypeScript 的基础知识，以及 Lit 入门教程中涵盖的一些 Lit 基础知识。
掌握了这些知识，你就可以扩展 HTML 来满足你的需求！发明自己的 HTML 元素意味着你的组件可以在任何支持 HTML 的地方工作，而且由于大多数前端框架都支持 HTML，你的自定义元素可以在任何地方运行。
Lit 也被用于开发一些优秀的开源组件。我个人最喜欢的几个：
<img> 标签，但用于 3D ！！！！本部分没有需要解决的练习，它的目的是展示你在教程结束时将完成的作品。
在列表中添加你自己的 <word-viewer> 标签！
点击"Solve"可以查看更多关于 <word-viewer> 的有趣功能，准备好开始构建时点击"Next"。