021-5421-2191 / 085100084723 WhatsApp info@matawebsite.com
Home Blog Apa Itu HTML, Struktur Dasarnya, Dan Contoh Tag

Apa Itu HTML, Struktur Dasarnya, Dan Contoh Tag


Apa Itu HTML, Struktur Dasarnya, Dan Contoh Tag
26 Maret 2019, 23:05:19 | 156 | Sakti

HTML adalah bahasa pemrograman yang banyak dipakai untuk mengatur teks dalam sebuah website seperti kita mengatur teks dalam sebuah dokumen. HTML sendiri memiliki kepanjangan Hyper Text Markup Language yang pada dasarnya ditulis sendiri dengan menggunakan aplikasi seperti Notepad untuk Windows dan Gedit untuk OS Linux dan Apple. Untuk perkenalan awal, Anda pasti sering melihat sebuah teks dalam website yang memiliki pengaturan sama seperti kita mengedit teks dalam format dokumen. Teks bisa diperbesar ukurannya, bisa diganti warna, bisa berganti font, dan sebagainya. Untuk bisa membuat berbagai format teks tersebut diperlukan kode-kode tag yang disebut dengan kode HTML dengan perintah-perintah tertentu. Untuk tahu lebih lanjut mengenai HTML dan kode HTML, berikut adalah uraiannya.

Membuat HTML via Notepad

Dikarenakan OS Windows adalah yang paling banyak digunakan masyarakat Indonesia maka dalam pembahasan kali ini akan mengadopsi cara menyusun HTML dengan menggunakan Notepad. Anda bisa membuka Notepad dari menu Accessories yang terdapat pada Start Menu. Setelah Notepad terbuka, coba ketikkan tulisan

dan

. Baris kedua kode tersebut disebut dengan tag. Pengertian tag sendiri adalah kode yang digunakan untuk mengganti teks ASCII menjadi sebuah kode HTML.

Tag ditandai dengan kurung tutup runcing “<” dan “>” dengan pembuka tag misalnya

dan ditutup dengan

, menambahkan tanda garis miring untuk setiap kode tag pada teks tertentu yang ingin diubah tampilannya. Untuk contoh-contoh tag HTML akan dibahas selanjutnya. Menuliskan tag HTML ini cukup membutuhkan konsentrasi yang lebih karena meskipun Anda bisa saja menuliskannya dalam huruf yang besar atau kecil tetapi apabila ada satu karakter yang tidak sesuai maka hasilnya tidak akan jadi. Misalnya yang seharusnya ditulis

teks

tetapi ditulis

teks maka kode tag tidak akan bekerja sebagaimana mestinya. Padahal dalam satu website bisa dituliskan ratusan kode tag dalam satu naskah halaman.

Struktur dasar HTML

HTML merupakan bahasa program paling dasar untuk membuat sebuah website. Coba Anda buka kembali aplikasi Notepad Anda dan ketikkan dengan format seperti berikut:

 

 

MASUKKAN TEKS DI SINI

 

 

Kemudian simpan file dengan memilih format All types dan ganti nama file dengan ekstensi .html. Buka file yang sudah Anda simpan tersebut yang akan secara otomatis terbuka di browser default Anda dan lihat apa yang muncul di sana.

Sebuah halaman HTML terdiri dari struktur dasar HTML yang terdiri dari tag doctype, tag html, tag head, dan tag body. Tag doctype atau document type declaration adalah tag yang memberi tahu kepada browser bahwa file tersebut adalah file HTML. Tag html sudah dijelaskan adalah tag yang dibuka dengan format

dan ditutup dengan format. Tag head adalah tag yang muncul pada definisi website seperti misalnya judul. Sedangkan tag body adalah isian dari halaman tersebut termasuk narasi, gambar, link, dan sebagainya.

Contoh kode tag HTML

Untuk membuat website atau blog Anda lebih menarik tentu diperlukan pengaturan teks yang rapid an menonjolkan informasi-informasi yang penting diketahui oleh pengunjung Anda. Misalnya untuk membuat teks judul maka format tagnya adalah

JUDUL. Format ini dimasukkan di antara struktur dasar HTML seperti contoh di atas.

Kode-kode tag di bawah ini adalah kode untuk mengubah teks seperti file dokumen dalam aplikasi word processor, misalnya:

  1. Untuk bold TEKS
  2. Untuk kombinasi TEKS
  3. Untuk ukuran font TEKS

Html merupakan salah satu materi yang di ajarkan dalam paket kursus web design murah mataweb Media Teknologi, Jika mungkin anda berminta untuk mempelajari lebih lanjut Html anda bisa mengikuti pelatihan html di tempat kami di Gading Serpong Tangerang.

Artikel Terkait

Fungsi Web Design

Fungsi Web Design

Fungsi Komunikasi & Informasi Situs web berfungsi sebagai komunikasi pada umumnya adalah web dinamis. Karena dibuat menggunakan pemrograman...
5 Teknik Cepat Menguasai Desain Dengan Otodidak

5 Teknik Cepat Menguasai Desain Dengan Otodidak

Banyak orang yang ingin menguasai desain termasuk dalam hal grafis karena persaingan di dunia desain saat ini sudah mulai ketat. Bagi anda yang memulai dari awal anda...
Intip Tips Mudah pintar Desain Grafis

Intip Tips Mudah pintar Desain Grafis

Saat ini banyak sekali perusahaan perusahaan yang membutuhkan jasa desain grafis, khusunya dalam bidang industri, karena keberadaan desain grafis ini bisa membantu unt...
6 Situs Penyedia Template Website Gratis Khusus Pengguna Blogger

6 Situs Penyedia Template Website Gratis Khusus Pengguna Blogger

Beberapa orang mencari daftar situs yang menyediakan template website gratis untuk meningkatkan nilai estetika hingga kenyamanan situs yang akan dikembangkan. Mengguna...
Kriteria Desain Website Yang Baik dan Efisien

Kriteria Desain Website Yang Baik dan Efisien

Kriteria desain website yang baik dan dapat berfungsi dengan efisien tentunya merupakan sifat yang mutlak dari sebuah website, agar wensite tersebut bisa benar-benar b...
Bagaimana Cara Membangun Website Yang Baik Dimata Pengunjung

Bagaimana Cara Membangun Website Yang Baik Dimata Pengunjung

Bikin website itu sebetulnya mudah. Tapi cara membangun website yang tepat sehingga nampak baik di mata pengunjung itu yang cukup kompleks. Karena selera tiap orang da...

Popular

Manfaat Iklan PPC Untuk Bisnis Online

Manfaat Iklan PPC Untuk Bisnis Online

Di era saat ini perkembangan teknologi mulai meningkat. s...
Apa itu Eclipse

Apa itu Eclipse

Eclipse adalah platform yang telah dirancang untuk memban...
Membuat Design Background Android

Membuat Design Background Android

Pada kesempatan kali ini kita akan membahas design didala...
Perbedaan Antara Javascript dan jQuery

Perbedaan Antara Javascript dan jQuery

Hallo teman-teman, pada kesempatan kali ini kita akan bel...
6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

Tidak sedikit orang yang mencari daftar situs yang menyed...

Kategori

Berlangganan kabar terbaru dari Mataweb Media Teknologi.

Newsletter

{{ formErrors['emailnewsletter'][0] }}