Cara Manual - Tutorial Blogger, WordPress, dan SEO
  • Home
  • Tutorial
    Tips Memilih Hosting yang Tepat untuk Website Anda

    Tips Memilih Hosting yang Tepat untuk Website Anda

    Cara Mengatasi Limit Google Drive yang Tidak Bisa Download

    Cara Mengatasi Limit Google Drive yang Tidak Bisa Download

    Cara Membuat Reading Progress Bar di Blog

    Cara Membuat Reading Progress Bar di Blog

    Cara Install File APK di HP Android Secara Manual

    Cara Install File APK di HP Android Secara Manual

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menonton Netflix Menggunakan Internet Telkomsel di Android

    Cara Menonton Netflix Menggunakan Internet Telkomsel di Android

  • Blogger
    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Membangun Blog Pribadi Untuk Personal Branding

    5 Alasan Kenapa Saya Masih Ngeblog

    5 Alasan Kenapa Saya Masih Ngeblog

    Cara Membuat Reading Progress Bar di Blog

    Cara Membuat Reading Progress Bar di Blog

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Better Ads Standards Global, Publisher AdSense Wajib Tahu Ini

    Better Ads Standards Global, Publisher AdSense Wajib Tahu Ini

    Cara Menambahkan Gambar dan Video di Postingan Blog

    Cara Menambahkan Gambar dan Video di Postingan Blog

  • WordPress
    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Mudah Membuat Website Portofolio

    Cara Mudah Membuat Website Portofolio

    5 Alasan Kenapa Saya Masih Ngeblog

    5 Alasan Kenapa Saya Masih Ngeblog

    Cara Buat Podcast di WordPress Dengan Mudah

    4 Cara Mengubah Ukuran Maksimal Upload File di WordPress

    Cara Mengatasi SSL Tidak Berwarna Hijau di WordPress

    Mengenal Bagaimana Cara Hosting Gratis

    Cara Menonaktifkan Plugin WordPress Melalui cPanel

  • SEO
    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Agar Link Eksternal Terbuka di Tab Baru

    Inilah Alasan Kenapa Struktur Teks Sangat Penting Untuk SEO

    Hal yang Perlu dilakukan dan Jangan dilakukan pada Tema WordPress

    Kecepatan Loading Website Menjadi Faktor Peringkat di Pencarian Seluler

    Cara Mengatasi Peringatan Diindeks, Meski Diblokir Oleh Robots.txt

    Cara Agar Artikel Cepat Terindex Google

    SEO Smart Links: Mengubah Kata Menjadi Link Otomatis di Blog

No Result
View All Result
  • Home
  • Tutorial
    Tips Memilih Hosting yang Tepat untuk Website Anda

    Tips Memilih Hosting yang Tepat untuk Website Anda

    Cara Mengatasi Limit Google Drive yang Tidak Bisa Download

    Cara Mengatasi Limit Google Drive yang Tidak Bisa Download

    Cara Membuat Reading Progress Bar di Blog

    Cara Membuat Reading Progress Bar di Blog

    Cara Install File APK di HP Android Secara Manual

    Cara Install File APK di HP Android Secara Manual

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menonton Netflix Menggunakan Internet Telkomsel di Android

    Cara Menonton Netflix Menggunakan Internet Telkomsel di Android

  • Blogger
    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Membangun Blog Pribadi Untuk Personal Branding

    5 Alasan Kenapa Saya Masih Ngeblog

    5 Alasan Kenapa Saya Masih Ngeblog

    Cara Membuat Reading Progress Bar di Blog

    Cara Membuat Reading Progress Bar di Blog

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Melihat Foto yang Sudah di Upload di Blogger

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Memasukkan Video YouTube Ke Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Better Ads Standards Global, Publisher AdSense Wajib Tahu Ini

    Better Ads Standards Global, Publisher AdSense Wajib Tahu Ini

    Cara Menambahkan Gambar dan Video di Postingan Blog

    Cara Menambahkan Gambar dan Video di Postingan Blog

  • WordPress
    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Membangun Blog Pribadi Untuk Personal Branding

    Cara Mudah Membuat Website Portofolio

    Cara Mudah Membuat Website Portofolio

    5 Alasan Kenapa Saya Masih Ngeblog

    5 Alasan Kenapa Saya Masih Ngeblog

    Cara Buat Podcast di WordPress Dengan Mudah

    4 Cara Mengubah Ukuran Maksimal Upload File di WordPress

    Cara Mengatasi SSL Tidak Berwarna Hijau di WordPress

    Mengenal Bagaimana Cara Hosting Gratis

    Cara Menonaktifkan Plugin WordPress Melalui cPanel

  • SEO
    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Menghilangkan Bulan dan Tahun di URL Postingan Blog

    Cara Agar Link Eksternal Terbuka di Tab Baru

    Inilah Alasan Kenapa Struktur Teks Sangat Penting Untuk SEO

    Hal yang Perlu dilakukan dan Jangan dilakukan pada Tema WordPress

    Kecepatan Loading Website Menjadi Faktor Peringkat di Pencarian Seluler

    Cara Mengatasi Peringatan Diindeks, Meski Diblokir Oleh Robots.txt

    Cara Agar Artikel Cepat Terindex Google

    SEO Smart Links: Mengubah Kata Menjadi Link Otomatis di Blog

No Result
View All Result
Cara Manual - Tutorial Blogger, WordPress, dan SEO
No Result
View All Result
Home HTML

Contoh Sederhana Penerapan Kode HTML

Ficri Pebriyana by Ficri Pebriyana
in HTML
11
Contoh Sederhana Penerapan Kode HTML
76
SHARES
1.5k
VIEWS
FacebookTwitterWhatsApp

Contoh Sederhana Penerapan Kode HTML – Setelah kemarin kita mempelajari mengenai pengertian html dan berbagai macam kode html, kini saatnya kita coba untuk menerapkannya.

Pada umumnya kode html sangat mudah digunakan dan dipahami oleh siapa saja asalkan dia mau belajar, tapi terkadang kita sebagai orang awam yang baru mengenal internet dan blog masih merasa bingung bagaimana kita menerapkan kode-kode html untuk membuat atau menampilkan suatu objek dengan menggunakan kode html.

Baca Juga : Pengertian HTML dan Fungsinya

Kode-kode html sangatlah banyak dan disini saya akan memberikan contoh sederhana menerapkan kode-kode html yang sudah saya bagikan sebelumnya.

Kode html sangatlah kompleks tidak bisa kita menyesuaikan sendiri dengan kemauan kita beda halnya seperti kode css yang dapat kita gunakan sesuai dengan ke inginan kita, tapi perlu Anda ketahui bahwa script atau kode html dan css sangatlah berhubungan erat keduanya bisa saling melengkapi satu sama lain.

RelatedPosts

Kumpulan Tag Conditional Blogger dan Fungsinya

February 18, 2018
Tag Meta Yang Dipahami Oleh Google

Tag Meta Yang Dipahami Oleh Google

September 19, 2019

Apa Itu Tag Meta ? Inilah Pengertian dan Fungsinya

September 19, 2019

Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya

September 17, 2019

Apa Itu HTML ? Inilah Pengertian dan Fungsinya

September 17, 2019

Baca Juga : Kumpulan Kode Tag HTML Lengkap

Nah, dalam penerapan kode html ini sangatlah mudah kita pelajari tapi ingat Anda harus benar-benar belajar dan mencoba untuk mempraktekannya. Dari gambar di atas kita bisa lihat bahwa kadang masih ada saja yang menerapkan kode html ini terbalik sehingga kode tersebut error dan tidak akan berfungsi padahal hanya masalah sepele, yup dalam bahasa pemrogramman salah satu titik saja akan menyebabkan error secara keseluruhan jadi perhatikanlah setiap kode yang Anda tulis.

Contoh jika kita ingin menulis huruf teks miring, tebal, dan bergaris bawah menggunakan kode html :
<i>Tulisan ini miring</i> hasilnya Tulisan ini miring
<b>Tulisan ini tebal</b> hasilnya Tulisan ini tebal
<u>Tulisan ini bergaris bawah</u> hasilnya Tulisan ini bergaris bawah
<s>Tulisan ini dicoret</s> hasilnya Tulisan ini dicoret

Pertanyaan Umum :
Dari mana kita tahu kode html <i> <b> <u> <s> dan kode html lainnya ?
Anda bisa membaca artikel kumpulan kode tag html lengkap yang ada di blog ini.

Apa arti dari <i> <b> <u> <s> ?
Anda bisa membacanya kembali artikel mengenai kumpulan kode tag html yang ada di blog ini, tetapi jika ingin tahu kode di atas akan saya jelaskan disini :
<i> atau bisa disebut dengan italic yang berfungsi untuk membuat teks miring.
<b> atau bisa disebut dengan bold yang berfungsi untuk membuat teks tebal.
<u> atau bisa disebut dengan under line yang berfungsi untuk membuat teks bergaris bawah.
<s> atau bisa disebut dengan strike yang berfungsi untuk membuat teks dicoret.

Lalu apa bedanya dengan </i> </b> </u> </s> ?
Tanda / atau garis miring atau disebut dengan (slash) merupaka kode atau tanda penutup pada setiap kode pembuka html, jadi jika Anda menulis <i> maka Anda harus menutupnya dengan kode </i> dan tanda slash harus berada di depannya, untuk lebih jelas bisa lihat juga pada gambar diatas.

Dimana saya bisa mencoba menerapkan kode html ini ?
Ada banyak situs yang bisa Anda gunakan untuk menerapkan kode html, salah satunya pada blogger ketika Anda akan menulis artikel cobalah mengubah Compose menjadi HTML dan sebaliknya, tapi jika tidak mau ribet Anda bisa mencobanya disini https://jsfiddle.net/kreasikan/j8wvfew6/3/

Nah, semoga dengan mempelajari cara penerapan kode html diatas Anda tidak salah dalam menggunakan tag html khususnya ketika Anda lupa menutup kode tag html sehingga script yang Anda buat tidak berjalan lancar, oleh karena itu ketika Anda sedang melakukan coding atau sedang mencoba pemrogramman html atau lainnya perlu hati-hati dan ketelitian yang tanjam.

Ficri Pebriyana

Ficri Pebriyana

Blogger yang jarang nulis artikel :)

Related Posts

Blogger

Kumpulan Tag Conditional Blogger dan Fungsinya

by Ficri Pebriyana
February 18, 2018
7

Kumpulan Tag Conditional Blogger dan Fungsinya - Kode tag kondisional ini memiliki fungsi untuk menampilkan dan menyembunyikan widget tertentu yang...

Read more
Tag Meta Yang Dipahami Oleh Google

Tag Meta Yang Dipahami Oleh Google

September 19, 2019
Apa Itu Tag Meta Inilah Pengertian dan Fungsinya

Apa Itu Tag Meta ? Inilah Pengertian dan Fungsinya

September 19, 2019
Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya

Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya

September 17, 2019
Apa Itu HTML Inilah Pengertian dan Fungsinya

Apa Itu HTML ? Inilah Pengertian dan Fungsinya

September 17, 2019

Comments 11

  1. Kreasikan Group says:
    3 years ago

    iya kang, latihan harus pasti atuh biar hebat..hehe

    Reply
  2. Maman Achman says:
    3 years ago

    Iya kang, kelebihannya itu kalau blogger, jadi masih aman…

    Reply
  3. Kreasikan Group says:
    3 years ago

    hehe, saya ge mau atuh teh makan naon…

    Reply
  4. santika fadilah says:
    3 years ago

    lieur ah.. ga ada yang ngerti, mening makan aja ah..

    Reply
  5. Mang Lembu says:
    3 years ago

    saya teh mati gaia banget kalau udah urusan kode HTML mah, soalnya jlimetmumet pisan sih urusan kode mengkodean mah…makasih ilmunya ya

    Reply
  6. Kreasikan Group says:
    3 years ago

    wkwkw, iya biar fokus ya setidaknya kopi hitam harus ada

    Reply
  7. ikhsan maulana says:
    3 years ago

    aga ribet juga ya? hehehee
    untuk masalah Kode Html gitu saya begitu kurang mengerti sih mas, soalnya lihat huruf dan angkanya pusing, apalagi pas meng-edit Html blog hadeuuuhhh 😀

    Reply
  8. Kang Nurul Iman says:
    3 years ago

    Kalau saya mah waktu tertentu saja kang kalau menggunakan html mah karena jarang juga sih ngoprek ini ngoprek itu.

    Reply
  9. Syahran Syah says:
    3 years ago

    Ini harus pake sesajen dulu kalo belajar..ya kan Kang..ahhahaayy

    Reply
  10. Kreasikan Group says:
    3 years ago

    iya mas kadang kita suka lupa dengan tag penutupnya jadi ada peringatan pas mau save template

    Reply
  11. Budi Smart says:
    3 years ago

    penerapan kode html ini harus pake kode pembuka dan penutupnya kan, kalau gak maka rusak atau gak jadi. ibarat berdo'a kalau gak pake sholawat pembuka dan sholawat penutup maka gak nyampek. hehee

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Terbaru.

Cara Membangun Blog Pribadi Untuk Personal Branding

Cara Membangun Blog Pribadi Untuk Personal Branding

December 15, 2019
Cara Mudah Membuat Website Portofolio

Cara Mudah Membuat Website Portofolio

November 9, 2019

Rekomendasi.

Cara Membuat Tabel Responsive di Postingan Blog

May 2, 2018

Cara Membuat Artikel Terkait di Tengah Postingan

February 10, 2018

Cara Mengatasi Disk Usage 100% Pada Windows 10

April 26, 2018

Cara Membuat Link Sumber Otomatis Saat Artikel di Copas

March 22, 2018

Cara Agar Link Eksternal Terbuka di Tab Baru

January 18, 2019
  • About
  • Disclaimer
  • Privacy Policy
  • Contact
Lanayanan dan Jasa

© 2019 Cara Manual - All Right Reserved.

No Result
View All Result
  • Home
  • Tutorial
  • Blogger
  • WordPress
  • SEO

© 2019 Cara Manual - All Right Reserved.