Heim > Artikel > Web-Frontend > Wie füge ich einen Artikel in HTML5 hinzu?
在本文中,我们将学习如何在 HTML5 中添加文章。
HTML5 中的新分段元素之一是
让我们考虑以下示例来了解如何在 HTML5 中添加文章
在以下示例中,我们在文章元素中使用内联样式。
<!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 上传的图像以及网页上
考虑以下示例,我们正在创建三篇独立的文章和独立的内容。
<!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>
运行上述脚本时,它将生成一个输出,其中包含网页上脚本中使用的文章标签文本。
Das obige ist der detaillierte Inhalt vonWie füge ich einen Artikel in HTML5 hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!