您好,欢迎访问一九零五行业门户网

如何在HTML5中添加文章?

在本文中,我们将学习如何在 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.pngalt=imagewidth=300height=250class=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中添加文章?的详细内容。
其它类似信息

推荐信息