Dalam artikel ini, kita akan belajar cara menambah artikel dalam HTML5.
Salah satu elemen pembahagian baharu dalam HTML5 ialah teg
Mari kita pertimbangkan contoh berikut untuk memahami cara menambah artikel dalam HTML5
Dalam contoh berikut, kami menggunakan gaya sebaris dalam elemen siaran.
<!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>
Apabila skrip dilaksanakan, ia akan menghasilkan output yang menunjukkan imej yang dimuat naik menggunakan scr dan teks yang digunakan dalam teg
Pertimbangkan contoh berikut, kami sedang mencipta tiga artikel berasingan dan kandungan berasingan.
<!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>
Apabila anda menjalankan skrip di atas, ia akan menghasilkan output yang mengandungi teks teg pos yang digunakan dalam skrip pada halaman web.
Atas ialah kandungan terperinci Bagaimana untuk menambah artikel dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
