Bagaimana untuk menambah artikel dalam HTML5?-html tutorial-php.cn

Bagaimana untuk menambah artikel dalam HTML5?

WBOY

Lepaskan： 2023-09-12 11:37:02

ke hadapan

1165 orang telah melayarinya

. Artikel diwakili dalam HTML menggunakan tag

. Lebih khusus lagi, kandungan yang terkandung dalam elemen

berbeza daripada kandungan tapak yang lain (walaupun ia mungkin berkaitan).

Mari kita pertimbangkan contoh berikut untuk memahami cara menambah artikel dalam HTML5

Contoh 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>

Apabila skrip dilaksanakan, ia akan menghasilkan output yang menunjukkan imej yang dimuat naik menggunakan scr dan teks yang digunakan dalam teg

pada halaman web.

Contoh 2

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>

Salin selepas log masuk

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!