Belajar HTML Basic Part 1 #14

Dekatsaja    8/29/2024    Coding , Tutorial   

Kali ini gue akan membahas seuatu di luar keahlian dan pekerjaan gue, gue akan membahas pemrograman. Di awal-awal gue akan membahas HTML basic untuk pemula. Karena gue

juga masih belajar, jadi mari belajar bareng. Jika ada kesalahan tolong di ingetin di kolom komentar buat discus bareng. Ok langsung saja.

Apa itu HTML?

HTML atau Hypertext Markup Language bahasa komputer yang menyusun halaman web di internet. Dengan HTML, lo bisa membangun halaman web yang enak dilihat dengan tombol, gambar, dan banyak lagi. Gaperlu banyak teori lagi, mari kita langsung mulai mengenal struktur HTML:

1. Mengenal Struktur Tombol (Button)

Dengan menambahkan kode:

<button>Like</button>

Lo dapat membuat tombol like seperti berikut:  

 

Mari kita bedah, dalam kode diatas <button> merupakan tag pembuka. Dan Like sebagai label, sedang </button> sebagai tag penutup. Jadi tag pembuka dan penutup harus mengapit label, dan label bisa lo ganti sesuai keinginan lo. Misal:

<button>Suka-Suka Lo</button>

Akan menjadi seperti berikut:   .

2. Mengenal Struktur Paragraf

Pengkodean paragraf mirip sama pengkodean tombol tadi. Untuk membuat paragraph lo juga perlu tag pembuka dan tag penutup. Bedanya kalo yang tombol, tag pembuka dan penutup mengapit label. Sedang di paragraf, tag pembuka dan penutup mengapit teks. Contoh:

<p>Dekatsaja blog nomer satu di jepara!</p>

<p> sebagai tag pembuka paragraf, dan Dekatsaja blog nomer satu di jepara! Sebagai teks. Sedang </p> sebagai tag penutup.

3. Mengenal Struktur Judul

Dalam HTML lo dapat membuat judul untuk menekankan suatu teks tertentu. Terdapat 6 ukuran judul atau Heading dalam HTML, dari h1 sampai h6 . Seperti biasa untuk membuat judul dalam html lo harus membuat tag pembuka dan tag penutup untuk membungkus teks. Contoh:

<h1>Judul dekatsaja 1</h1>
<h2>Judul dekatsaja 1</h2>
<h3>Judul dekatsaja 1</h3>
<h4>Judul dekatsaja 1</h4>
<h5>Judul dekatsaja 1</h5>
<h6>Judul dekatsaja 1</h6>

Akan jadi seperti: 

Judul dekatsaja 1

Judul dekatsaja 1

Judul dekatsaja 1

Judul dekatsaja 1

Judul dekatsaja 1

Judul dekatsaja 1

3. Memberi Jeda pada baris

Dalam sebuah paragraf, kita sering memberikan jeda baris. Kalau di MS Word sih gampang, tinggal ketik enter. Dalam HTML lo perlu menggunakan kode

<br>

<br> ini merupakan kode kosong, jadi ga memerlukan tag penutup. Contoh sebelum dikasih br:

<h1>Judul BR dekatsaja</h1>
<p>Kini ku sadar cintaku ini Tak berarti untukmu kop sekop sekop</p>

Jadi seperti berikut:

Judul BR dekatsaja

Kini ku sadar cintaku ini Tak berarti untukmu kop sekop sekop

----------------------------

Lalu kita tambahkan <br> untuk membuat jeda baris

<h1>Judul BR dekatsaja</h1>
<p>Kini ku sadar cintaku ini<br>Tak berarti untukmu<br>kop sekop sekop</p>

Jadi seperti berikut:

Judul BR dekatsaja

Kini ku sadar cintaku ini
Tak berarti untukmu
kop sekop sekop

--------------------------

Sudah liat perbedaannya belum sebelum dan sesudah diberi <br>? Kalo belum ngerti, komentar aja nanti gue jelasin lagi.

4. Membuat Miring Teks

Untuk membuat miring teks, lo bisa menggunakan em. Caranya lo bungkus teks yang mau dimirngkan dengan tag pembuka <em> dan tag penutup </em>. Contoh:

<h1>Judul BR dekatsaja</h1>
<p>Kini ku sadar <em>cintaku ini</em><br>Tak berarti untukmu<br>kop sekop sekop</p>

Akan menjadi:

Judul BR dekatsaja

Kini ku sadar cintaku ini
Tak berarti untukmu
kop sekop sekop

5. Membuat BOLD Teks

Untuk membuat teks jadi bold atau cetak tebal, lo bisa gunain strong. Penggunaannya sama seperti teks miring atau em. Lo hanya perlu membungkus teks dengan tag pembuka <strong> dan penutup </strong> . Contoh:

<h1>Judul BR dekatsaja</h1>
<p>Kini ku sadar <em>cintaku ini</em><br>Tak <strong>berarti</strong> untukmu<br>kop sekop sekop</p>

Akan menjadi: 

Judul BR dekatsaja

Kini ku sadar cintaku ini
Tak berarti untukmu
kop sekop sekop

Ok sekian dulu ya basic html part 1 ini, besok akan gue update part 2 nya. Kalau ada kesalahan tolong di ingetin di kolom komentar. Wassalam.