Bagi Pemula (seperti
saya-red) istilah HTML di bidang Web Desain masih asing dan hanya mendengar
istilah itu saja, namun belum mengerti secara detail dan teknis apa itu HTML. Dalam
artikel ini kami hanya berbagi pengetahuan dengan tujuan bersama belajar (karena saya juga masih amatir-red). Oke,
tidak panjang lebar, mari belajar..!!!!
HTML merupakan bahasa pemograman dasar yang wajib di kuasai bagi
seorang web Desainer/Developer, karena HTML merupakan unsur dasar dari
pembangunan sebuah website.
Pengertian HTML
HTML
(Hyper Text Markup Language) adalah
sebuah bahasa Mark Up yang
digunakan untuk membuat sebuah halaman website. di dalam dunia pemograman
berbasis website (Web Programming)
html menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan
dengan ekstensi .html (dot html) dan dapat di eksekusi atau diakses menggunakan
web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain).
seperti yang sudah di jelaskan HTML adalah dasar dari sebuah website. untuk
membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan
bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang
dinamis.
CSS adalah
singkatan dari Cascading Style Sheets. Jika diterjemahkan ke bahasa
Indonesia secara harfiah, CSS berarti “lembar penataan menurun”. Namun secara
konteks, Cascading Style Sheets adalah kumpulan perintah
yang digunakan untuk menjelaskan tampilan sebuah halaman situs web dalam mark-up language. Mark-up language atau bahasa markah adalah
bahasa pemrograman yang biasanya digunakan membuat website.
HTML memiliki
beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya
masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list,
membuat hyperlink atau link yang menghubungkan antar halaman .
Kegunaan HTML
Beberapa hal
yang sangat membutuhkan HTML berfungsi sebagai dasar sebuah halaman website adalah
sebagai berikut :
- Membungkus element-element tertentu sesuai kebutuhan
- Membuat heading atau format judul
- Membuat Tabel
- Membuat List
- Membuat Paragraf
- Membuat Form
- Membuat Tombol
- Membuat Garis
- Membuat huruf tebal
- Membuat huruf miring
- Menampilkan gambar
- Menampilkan video
- Dan banyak lainnya
Sampai saat
ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur
tambahan salah satunya dengan HTML5 memungkinkan kita untuk membuat streaming
video tanpa bantuan flash.
Dalam penulisan HTML sering kali kita gunakan format teks. Baik pada penulisan judul, ataupun isi dari konten / halaman dari website kita. Berikut beberapa penjelasan dan contoh dari Format Teks Pada HTML. Walaupun Pada pembuatan konten / halaman di Wordpress telah disediakan fasilitas untuk itu sudah ada, namun ketika kita membuat sendiri kode HTML sering mengalami kesulitan karena belum memahami kode HTML. Berikut kami jelaskan Kode HTML untuk Format Teks.
Dalam penulisan HTML sering kali kita gunakan format teks. Baik pada penulisan judul, ataupun isi dari konten / halaman dari website kita. Berikut beberapa penjelasan dan contoh dari Format Teks Pada HTML. Walaupun Pada pembuatan konten / halaman di Wordpress telah disediakan fasilitas untuk itu sudah ada, namun ketika kita membuat sendiri kode HTML sering mengalami kesulitan karena belum memahami kode HTML. Berikut kami jelaskan Kode HTML untuk Format Teks.
CONTOH HTML UNTUK FORMAT TEKS
FORMAT TEXT BOLD (TEBAL)
Uuntuk
membuat teks menjadi tebal pada tampilan halaman web menggunakan tag <b>
berikut kode HTML untuk membuat format teks tebal :
<b>Saatnya
Kerja Cerdas</b>
FORMAT
TEXT ITALIC (MIRING)
Untuk
membuat teks miring pada HTML menggunakan tag <i>, contohnya
<i>
Saatnya Kerja Cerdas </i>
FORMAT
TEXT UNDERLINE (GARIS BAWAH)
Untuk
membuat teks underline/garis bawah pada HTML menggunakan tag <u>
<u>
Saatnya Kerja Cerdas </u>
Berikut beberapa kode HTML Format Teks yang sering digunakan :
| tag | Keterangan |
| <b> | format text bold/tebal |
| <i> | format text italic/miring |
| <u> | format text underline/garis bawah |
| <small> | format text kecil |
| <strong> | format text yang hampir sama dengan format bold |
| <sub> | format subscripted teks |
| <sup> | format superscripted teks |
| <ins> | format text garis bawah |
| <del> | format text dengan garis di tengah |
| <mark> | format text yang berwarna |
Berikut contoh kode HTML Format Teks :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Format Teks</title>
</head>
<body>
<b>ini format format text tebal</b><br/>
<i>ini format text italic</i><br/>
<u>ini format text underline</u><br/>
<em>ini format text em</em><br/>
<small>ini format text small</small><br/>
<strong>ini format text strong</strong><br/>
<sub>ini format text sub</sub><br/>
<sup>ini format text sup</sup><br/>
<ins>ini format text ins</ins><br/>
<del>ini format text del</del><br/>
<mark>ini format text mark</mark>
</body>
</html>
<marquee direction="up" scrollamount="3" align="center">
<p align="justify">Disampaikan kepada masyarakat/penduduk Desa Panunggalan yang sangat kami cintai, Mulai 1 Juli 2020, <mark><b>MEDIA CETAK ADMINISTRASI KEPENDUDUKAN /ADMINDUK</b> </mark>telah diganti/diubah sebagai tindaklanjut Permendagri Nomor 109 Tahun 2019</p>
<p align="center"><b> Informasi selanjutnya silahkan buka di :
<a href='http://panunggalan-grobogan.desa.id/2020/07/19/harus-tahu-cetakan-adminduk-telah-ganti/' target="_blank">
<img src='http://panunggalan-grobogan.desa.id/wp-content/uploads/2020/07/GANTI-MEDIA-CETAK.png' width='230' height='70' title='Sistem Informasi Pajak Dan Retribusi Daerah' alt='DESKRIPSI GAMBAR'></a></b></p>
</marquee>
Keterangan : Silahkan Copy Paste Contoh-Contoh Kode HTML diatas
KUMPULAN KODE HTML KEREN SILAHKAN DIUNDUH GRATIS aja..!
(sudah diuji dan bekerja dengan baik)
Terima Telah Berkunjung