Setelah belajar tentang apa itu HTML, Tag, Elemen, dan Atribut. Berikutnya, kita akan belajar tentang elemen-elemen dasar pada HTML yang sering digunakan dalam membuat web. Show
Mari kita mulai dengan mengenal elemen paragraf. Membuat Paragraf di HTMLParagraf adalah kumpulan dari beberapa kalimat. Pada web, Paragraf biasanya digunakan untuk menampilkan teks atau artikel. Paragraf pada HTML dibuat dengan tag Contoh:
Hasilnya: Atribut untuk ParagrafBiasanya paragraf
ditambahkan dengan beberapa atribut seperti Contoh:
Hasilnya: Atribut Mengapa demikian? Karena atribut Contoh perataan menggunakan CSS:
Hasilnya: Tag <br> untuk Membuat ParagrafTag Fungsi utama tag Contoh: Misalkan kita ingin menampilkan pantun, bisa saja kita buat seperti ini di dengan tag
Hasilnya: Meskipun pada kode HTML kita sudah menulis tiap bait pantun dalam baris yang baru. Tapi ia akan tetap ditampilkan seperti baris. Di sinilah saatnya kita harus menggunakan tag
Hasilnya: Oh iya, tag Tag Tag <hr> untuk Membuat GarisSama seperti tag Tag Contoh:
Hasilnya: Tag <pre>Pada kasus tertentu, kita ingin menampilkan paragraf dengan format yang lebih spesifik. Contohnya seperti pantun dan puisi yang paragrafnya diulis dengan garis baru dan juga indentasi. Hal ini bisa dilakukan dengan bantuan tag Tag Contoh:
Hasilnya: Coba perhatikan! Paragraf yang kita buat di dalam kode HTML akan ditampilkan dengan format yang sama seperti yang kita tulis di sana. Biasanya tag Tag <p> vs Tag <div>Tag Kadang tag Contoh:
Ini boleh-boleh, saja. Tapi hasilnya tidak
akan sama seperti tag Paragraf yang dibuat dengan tag Tag Contoh:
Hasilnya: Bonus: Paragraph StyleSebenarnya ini ranah pembahasan tentang CSS bukan HTML. Karena itu, kamu boleh baca dan juga boleh tidak. Paragraph Style adalah style CSS yang kita berikan kepada paragraf agar tampil lebih menarik. Berikut ini beberapa style yang bisa diberikan pada paragraf: 1. Baris Pertama Masuk ke DalamBaris pertama pada paragraf kadang sering ditulis masuk ke dalam atau ini juga disebut dengan indentasi. Contoh: Bagaimanakah cara membuat yang seperti itu di HTML? Gampang! Kita bisa memanfaatkan style CSS.
Hasilnya: Atribut 2. Warna untuk ParagrafWarna bisa kita berikan kepada teks dan background. Properti CSS yang digunakan untuk memberikan warna adalah Contoh:
Hasilnya: 3. Mengubah Jenis FontTidak suka dengan jenis font yang digunakan, kamu bisa menggantinya dengan style CSS. Caranya.. Kita bisa
gunakan properti Contoh:
Hasilnya: Apa Selanjutnya?Pada tutorial ini, kita sudah belajar beberapa tag:
Ini adalah tag-tag dasar yang perlu diingat dalam membuat paragraf di HTML. Selanjutnya, silahkan pelajari tentang:
Apa HTML yang benar untuk menyisipkan jeda baris?Elemen <br> (line break) merupakan elemen HTML yang berfungsi untuk menyisipkan baris kosong (line break) di dalam induk elemen seperti paragraf tanpa harus keluar dari elemen tersebut.
Apakah elemen HTML yang benar untuk memberikan jarak antar kata?Cara Membuat Spasi di HTML. Menggunakan Ini merupakan salah satu cara membuat spasi di HTML. Menggunakan kode . ... . Menggunakan   Jika menggunakan kode untuk membuat jarak antar kata menjadi dua spasi makan kita harus mengetikan kode sebanyak dua kali. ... . Penggunaan  . Apa itu br dalam HTML?Tag <br> untuk Membuat Paragraf
Tapi tag ini, biasanya digunakan untuk membantu tag <p> . Fungsi utama tag <br> adalah untuk membuat baris baru. Contoh: Misalkan kita ingin menampilkan pantun, bisa saja kita buat seperti ini di dengan tag <p> .
Sebutkan elemen apa saja yang ada di HTML?Berikut ini daftar tag yang wajib ada di HTML:. <! DOCTYPE html> — untuk deklarasi type dokumen;. <html> — tag utama dalam HTML;. <head> — untuk bagian kepala dari dokumen;. <title> — untuk judul web;. <body> — untuk bagian body dari dokumen.. |