Dasar-Dasar HTML untuk Pemula dalam Dunia Blogging

Bisabaca.com
24 Des, 2023

Belajar HTML Dasar Untuk Blogger

Sebagai seorang pemula dalam dunia blogging, penting untuk memperoleh pemahaman dasar dalam kode-kode HTML. Ini menjadi fondasi yang krusial karena bahasa pemrograman yang digunakan dalam blogging dan desain website cukup bervariasi, termasuk HTML, CSS (cascading style), javascript, dan PHP. Namun, artikel ini akan fokus pada pemahaman tentang kode-kode HTML saja, khusus ditujukan bagi para blogger pemula yang ingin memulai perjalanan belajar dalam domain HTML. Penguasaan ini akan memberikan dasar yang kokoh sebelum melangkah ke elemen-elemen lain dalam pengembangan konten web.

Berikut ini adalah kode-kode HTML yang sering dipakai oleh para blogger:

Menebalkan Huruf

<b>Tulisan Menjadi Tebal</b>

hasilnya : 

Tulisan Menjadi Tebal


Garis Bawah Huruf

<u>Tulisan Bergaris Bawah</u>

hasilnya

Tulisan Bergaris Bawah


Membuat Tulisan Miring

<i>Tulisan Miring</i>

hasilnya

Tulisan Miring


Membuat Tulisan di Tengah

<center>Tulisan di Tengah</center>

hasilnya

Tulisan di Tengah


Membuat Tulisan Coret Tengah 

<s>Tulisan Coret Tengah</s>

hasilnya

Tulisan Coret Tengah 


Membuat Tulisan Berjalan

<marquee>Tulisan Berjalan</marquee>

hasilnya

Tulisan Berjalan


Membuat Tulisan Agak Kecil

<small>Tulisan Agak Kecil</small>

hasilnya

Tulisan Agak Kecil


Membuat Tulisan Berkedip

<blink>Tulisan Berkedip</blink>

hasilnya

Tulisan Berkedip


Membuat Tulisan Berwarna (Merah)

<div style="color:red">Tulisan Berwarna (Merah)</div>

hasilnya

Tulisan Berwarna (Merah)


Catatan:
Tulisan red bisa di ganti sesuai selera misal, blue (biru), yellow (kuning), brown (coklat), green (hijau), white (putih), black (hitam) purple (ungu) dll.

atau bisa seperti ini menggunakan kode-kode warna.

<div style="color:#b45f06">Tulisan Berwarna (Oranye)</div>

hasilnya

Tulisan Berwarna (Oranye)


Membuat Tulisan Background Warna (Kuning)

<div style="background-color:yellow">Tulisan Background Warna (Kuning)</div>

hasilnya

Tulisan Background Warna (Kuning)


Membuat Bullet Dot

<ul>
<li>bullet dot
<li>bullet dot
<li>bullet dot
</ul>

hasilnya

  • bullet dot
  • bullet dot
  • bullet dot
Membuat Bullet Angka Urut

<ol>
<li>bullet angka urut
<li>bullet angka urut
<li>bullet angka urut
</ol>

hasilnya

  1. bullet angka urut
  2. bullet angka urut
  3. bullet angka urut
Membuat Link

<a href="https://www.bisabaca.com">Link di dalam posting</a>

hasilnya

Link di dalam posting


Membuat Link Terbuka di Tab Baru

<a href="https://www.bisabaca.com"target="_blank"> Link Terbuka di Tab Baru</a>

hasilnya

Link Terbuka di Tab Baru


Membuat Kode HTML Gambar

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCRdJ9n_CLTVspL5PXOsrPzSxmrEWrPAe9nPplFliJnLmaOjyDb0T1L51QHJx38tFvtV_nB8kSPcewdbXtzxrAd7ppr_7CX0vrvoGwwQ9grrKnmr39Ub-wz_KONjvrAKH7VFbLwxCDqXXnsR1CgteO7lZq9bHEU86iv3l2FiK8G2Psfmzm4tdPHIBVc9E/s16000/blogging%20menggunakan%20aplikasi%20android.png""/>

hasilnya


Untuk sesi diskusi saat ini, akan kita akhiri di sini. Namun, pada kesempatan berikutnya, kita akan melanjutkan dengan fokus yang lebih spesifik tentang Kode HTML terhadap topik tertentu. Terima kasih atas waktu dan perhatiannya!

Next Post Previous Post
No Comment
Add Comment
comment url