Cheat Sheet HTML Dasar untuk Blogger

By

Cheat Sheet HTML Dasar untuk Blogger


---


# Cheat Sheet HTML Dasar untuk Blogger


## Pendahuluan


Bagi blogger, memahami dasar-dasar HTML bisa membantu mempercantik tampilan blog dan menyesuaikan konten sesuai kebutuhan. Cheat sheet ini berisi kode HTML dasar yang sering digunakan dan mudah diterapkan.


---


## 1. Struktur Dasar HTML


```html

<!DOCTYPE html>

<html>

<head>

    <title>Judul Blog</title>

</head>

<body>

    <h1>Halo, Dunia!</h1>

    <p>Ini paragraf pertama saya.</p>

</body>

</html>

```


* `<h1>` hingga `<h6>` digunakan untuk heading.

* `<p>` untuk paragraf.


---


## 2. Menambahkan Gambar


```html

<img src="URL-gambar" alt="Deskripsi Gambar" width="300">

```


* `src` = alamat gambar.

* `alt` = deskripsi gambar (penting untuk SEO).

* `width` = lebar gambar.


---


## 3. Menambahkan Link


```html

<a href="https://www.example.com" target="_blank">Kunjungi Website</a>

```


* `target="_blank"` membuka link di tab baru.


---


## 4. Membuat List


### List Tidak Berurutan


```html

<ul>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

</ul>

```


### List Berurutan


```html

<ol>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

</ol>

```


---


## 5. Menambahkan Tabel


```html

<table border="1">

    <tr>

        <th>Nama</th>

        <th>Usia</th>

    </tr>

    <tr>

        <td>Alice</td>

        <td>25</td>

    </tr>

    <tr>

        <td>Bob</td>

        <td>30</td>

    </tr>

</table>

```


* `<th>` = header tabel

* `<td>` = isi tabel


---


## 6. Menambahkan Bold, Italic, dan Underline


```html

<b>Teks Tebal</b>

<i>Teks Miring</i>

<u>Teks Bergaris Bawah</u>

```


---


## Kesimpulan


Dengan memahami kode HTML dasar ini, Anda bisa lebih leluasa mengatur tampilan postingan dan mempercantik blog di Blogger. Cheat sheet ini juga berguna untuk mempercepat pekerjaan tanpa harus bergantung sepenuhnya pada editor visual.


---


Comments

Post a Comment

Popular posts from this blog

Pengalaman Saya Membuat Blog Pertama Kali

By
Pengalaman Saya Membuat Blog Pertama Kali --- # Pengalaman Saya Membuat Blog Pertama Kali ## Pendahuluan Membuat blog pertama kali bisa terasa menakutkan, terutama bagi pemula. Dalam postingan ini, saya akan membagikan pengalaman pribadi saya mulai dari memutuskan membuat blog hingga posting pertama saya. Semoga bisa menjadi inspirasi bagi pembaca yang ingin memulai blogging. --- ## Awal Mula Membuat Blog Awalnya saya ingin berbagi hobi dan pengalaman pribadi dengan orang lain. Saya memilih Blogger karena gratis, mudah digunakan, dan terintegrasi dengan akun Google saya. --- ## Tantangan yang Dihadapi 1. **Memilih Nama dan Alamat Blog**    Sulit menemukan nama yang unik, mudah diingat, dan masih tersedia sebagai alamat blog. 2. **Menentukan Tema dan Template**    Saya harus mencoba beberapa template sampai menemukan yang responsif dan sesuai dengan gaya blog saya. 3. **Membuat Konten Pertama**    Menulis postingan pertama terasa menegangkan karena ingin me...
Read more

5 Cara Mengatur Waktu Agar Lebih Produktif

By
5 Cara Mengatur Waktu Agar Lebih Produktif --- # 5 Cara Mengatur Waktu Agar Lebih Produktif ## Pendahuluan Waktu adalah sumber daya paling berharga, terutama bagi blogger atau pekerja kreatif. Mengatur waktu dengan baik dapat meningkatkan produktivitas dan mengurangi stres. Berikut 5 cara efektif yang bisa diterapkan sehari-hari. --- ## 1. Buat Jadwal Harian * Tuliskan semua aktivitas yang harus dilakukan dalam sehari. * Gunakan kalender atau planner digital seperti Google Calendar . * Membantu melihat prioritas dan menghindari penundaan pekerjaan. --- ## 2. Terapkan Teknik Pomodoro * Bekerja selama 25 menit, kemudian istirahat 5 menit. * Setelah 4 sesi, istirahat lebih panjang (15–30 menit). * Membantu fokus dan mencegah kelelahan. --- ## 3. Tentukan Prioritas * Gunakan metode ** Eisenhower Matrix ** untuk memisahkan tugas penting dan mendesak. * Fokus pada tugas yang berdampak besar terlebih dahulu. --- ## 4. Kurangi Gangguan * Matikan notifikasi media sosial saat bekerja. * Buat ...
Read more