如何在HTML5中添加文章？

百变鹏仔 3个月前 (09-21) #HTML

文章标签如何在

在本文中，我们将学习如何在 HTML5 中添加文章。

HTML5 中的新分段元素之一是标记。文章使用标签以 HTML 形式表示。更具体地说，元素中包含的内容与网站的其余内容不同（即使它们可能相关）。

让我们考虑以下示例来了解如何在 HTML5 中添加文章

示例 1

在以下示例中，我们在文章元素中使用内联样式。

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html><html><body>   <article style="width: 300px;border: 2px solid gray;padding: 10px;border-radius: 10px;margin: 5px;">      <img src="https://www.tutorialspoint.com/static/images/logo-color-footer.png"alt="image"   style="max-width:90%" style="max-width:90%"class="alignnone size-medium wp-image-560930"/>      <h1>TutorialsPoint</h1>      <p>Tutorials Point originated from the idea that there exists a class of readers who respond better to online content</p>   </article></body></html>

执行脚本时，它将生成一个输出，显示使用 scr 上传的图像以及网页上标记内使用的文本。

示例 2

考虑以下示例，我们正在创建三篇独立的文章和独立的内容。

<!DOCTYPE html><html><body>   <article>      <h1>MSD</h1>      <p>Mahendra Singh Dhoni is an Indian former professional cricketer who was captain of the Indian national cricket team in limited-overs formats</p>   </article>   <article>      <h2>YUVI</h2>      <p>Yuvraj Singh is a former Indian international cricketer who played in all formats of the game.       He is an all-rounder who batted left-handed in the middle order</p>   </article>   <article>      <h3>SREYAS IYER</h3>      <p>Shreyas Santosh Iyer is an Indian cricketer who plays for the national side in international cricket, Mumbai in domestic cricket</p>   </article></body></html>

运行上述脚本时，它将生成一个输出，其中包含网页上脚本中使用的文章标签文本。

文章推荐

如何在HTML5中添加文章？

示例 1

示例 2

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8