Cara Menyusun konten dengan varian paragraf HTML

Cara Menyusun konten dengan varian paragraf HTML



Sekarang bahwa Anda memiliki struktur dasar dari sebuah dokumen HTML, Anda dapat dipusingkan dengan konten sedikit.

Kembali ke editor teks Anda dan tambahkan baris lain ke halaman Anda:

<!DOCTYPE html>
 <html>
 <head>
 <title>My first web page</title>
 </head>
 <body> Ini adalah halaman web pertama saya bagaimana menarik. </body>
 </html>

Lihat dokumen di browser Anda.

Anda mungkin telah mengharapkan dokumen Anda muncul saat Anda mengetiknya, pada dua baris, tapi sebaliknya Anda akan melihat sesuatu seperti ini:

Ini adalah halaman web pertama saya bagaimana menarik.

Hal ini dikarenakan browser web biasanya tidak memperhatikan baris kode Anda. Hal ini juga tidak mengambil pemberitahuan ruang (Anda akan mendapatkan hasil yang sama jika Anda mengetik "ini adalah halaman web pertama saya bagaimana menarik").

Jika Anda ingin teks muncul pada baris yang berbeda atau, lebih tepatnya, jika Anda bermaksud ada dua blok teks yang berbeda (karena, ingat, HTML adalah tentang makna, bukan presentasi), Anda perlu menyatakannya secara eksplisit.

Ubah dua baris konten Anda sehingga terlihat seperti ini:

<p>This is my first web page</p> <p>How exciting</p>

Tag p digunakan untuk paragraf.

Lihat hasil ini. Dua baris sekarang akan muncul pada dua baris karena browser mengenali mereka sebagai paragraf terpisah.

Pikirkan konten HTML seolah-olah itu adalah sebuah buku-dengan paragraf mana yang sesuai.

Penekanan

Anda dapat menekankan teks dalam sebuah paragraf menggunakan em (penekanan) dan kuat (sangat penting).

<p>Yes, that really <em>is</em> exciting. <strong>Warning:</strong> level of excitement may cause head to explode.</p>

Secara tradisional, browser akan menampilkan em di cetak miring dan kuat dalam huruf tebal secara default tetapi mereka tidak sama dengan i dan b tag yang (meskipun mereka telah tenuously didefinisikan ulang dalam HTML5) memiliki asal-usul mereka di Italic dan Bold-ingat-HTML bukan untuk presentasi. Jika Anda ingin menekankan sesuatu secara visual (membuat sesuatu yang Italic, misalnya), Anda hampir pasti ingin memberikan penekanan umum. Anda tidak dapat berbicara dalam huruf miring.

Jeda baris

Tag Line-Break juga dapat digunakan untuk memisahkan baris seperti ini:

This is my first web page<br> How exciting

Tidak ada konten yang terlibat dalam garis putus sehingga tidak ada tag penutup.

Ini bisa menggoda untuk lebih-menggunakan jeda baris dan br tidak boleh digunakan jika dua blok teks dimaksudkan untuk menjadi terpisah dari satu sama lain (karena jika itu yang ingin Anda lakukan Anda mungkin ingin p Tag).

Anda mungkin menyukai postingan ini