Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah artikel dalam HTML5?

Bagaimana untuk menambah artikel dalam HTML5?

WBOYke hadapan: 2023-09-12 11:37:021138semak imbas

Dalam artikel ini, kita akan belajar cara menambah artikel dalam HTML5.

Salah satu elemen pembahagian baharu dalam HTML5 ialah teg

. 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

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

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>

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!

html5 html

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimanakah saya boleh mengembalikan nombor semasa sebagai versi nilai rentetan?Artikel seterusnya：Bagaimanakah saya boleh mengembalikan nombor semasa sebagai versi nilai rentetan?

Artikel berkaitan

Lihat lagi