Belajar Mengenal Dasar-dasar Tag HTML

dalam HTML
Hosting Murah Berkualitas

Seperti yang sudah saya singgung di artikel Langkah Awal Bagi Yang Ingin Belajar Membangun Website sebelumnya bahwa untuk membangun sebuah website kita harus mengerti dan memahami HTML. Disini saya akan jelaskan mengenai apa pengertian HTML itu kembali dan komposisi apa saja yang menjadi penyusunnya. Karena mengingat HTML adalah dasar dari semua halaman web yang kita lihat di Internet. Baiklah kita lanjutkan saja bahasan tentang HTML ini.

Pengertian Dan Pengenalan Dasar HTML

HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform ke platform lainnya tanpa melakukan suatu perubahan apapun. HTML adalah merupakan singkatan dari Hypertext Markup Language. Pertanyaannya kenapa di sebut hypertext? karena di dalam HTML tersebut sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi  sebuah link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text saja yang dapat dijadikan link. Dokumen HTML disebut juga sebagai Markup Language karena mengandung tanda-tanda tertentu yang bisa digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Seperti misalnya kita dapat menentukan dimana suatu gambar harus muncul dan jenis pemformatan apa yang akan diberlakukan pada suatu kumpulan teks tertentu, apakah format rata kiri, rata tengan atau rata kanan. Dengan HTML ini juga nantinya kita bisa membuat sebuah Tabel, Form isian dan lain sebagainya.

Praktisnya, HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Tapi untuk melihat tampilan visual dari dokumen HTML tersebut kita membutuhkan sebuah aplikasi yang disebut dengan browser  atau penjelajah internet. Dari aplikasi browser yang terkenal diantaranya ialah Mozilla, chrome, operamini dan sebagainya. HTML Disebut Markup Language karena pada penulisannya HTML menggunakan banyak tanda  atau mark, fungsinya yaitu untuk menandai bagian-bagian dari text. Misalnya, sebuah text yang akan ditampilkan cetak tebal harus simpan disebuah tanda tertentu. Demikian juga sebuah text yang akan kita tampilkan dengan garis bawah ataupun text miring harus berada di antara tanda tertentur. Tanda ini di HTML disebut sebagai tag.

Hal pertama yang ingin saya tunjukkan kepada anda agar anda faham apa itu HTML, baiklan saya akan tunjukkan seperti apa bentuknya tag HTML itu? Silahkan anda buka browser anda lalu lihat salah satu halaman web yang ada di internet. Terserah anda mau membukanya mau pake browser Mozilla, opera mini, chrome ataupun yang lainnya. atau jika anda tidak mau repot-repot maka klik kanan saja halaman ini, lalu pilih View Page Source.

cara-lihat-kode-html-sebuah-halaman-website

Nah, sekarang akan tampil sebuah halaman baru yang berisi kode-kode yang mungkin anda belum mengerti. Itulah kode-kode yang merupakan kode HTML yang sedang kita bicarakan saat ini. agar anda faham saya perlihatkan contohnya tag HTML itu melalui gambar dibawah ini. Silahkan anda klik gambar dibawah ini untuk memperbesar tampilannya dan melihatnya dengan jelas.

contoh-kode-html

Nah, gambar diatas berisi tentang kode-kode HTML. Kode-kode HTML ini adalah merupakan yang menjadi pembangun dasar dari halaman website ini. Sekarang bagaimana anda sudah tahu bukan apa itu tag HTML? jadi kesimpulannya adalah halaman website yang anda lihat diinternet itu sebenarnya adalah kode-kode HTML seperti yang anda lihat pada gambar diatas tadi. Sekarang anda sudah sedikit faham bukan apa itu HTML?

Mungkin setelah anda melihat kenyataan ini anda merasa terintimidasi dan sedikit pesimis sehingga terbersit difikiran anda, bahwa betapa rumitnya belajar HTML ini. Jangan takut saya pun awalnya seperti anda, namun seiring berjalannya waktu persepsi anda akan berubah setelah nanti melanjutkan terus membaca apa yang akan saya jelaskan di website peterwebs.com ini berikutnya. Saya akan menjelaskannya secara sederhana dan praktis kepada anda, agar anda mengerti akan komposisi dari tag HTML tersebut.

Konsep Penulisan Dan Struktur Dasar HTML

Sekarang kita mulai bahasan kita ke konsep penulisan HTML dan struktur dasar dari HTML. Dokumen HTML sebenarnya adalah sama seperti dokumen lain pada umumnya namun yang membedakannya adalah didalam dokumen HTML ini ada elemen-elemen khusus dan tag khusus di dalam teks nya. Elemen dan tag ini fungsinya untuk memformat teks tersebut agar tampilan visualnya nanti di browser sesuai dengan apa yang kita inginkan. Elemen dan tag inilah yang menjadi ciri dari dokumen HTML tersebut nantinya.

Struktur HTML terdiri dari Elemen dan Tag,  untuk membedakan antara Elemen dan Tag ini anda simak terus pembahasannya melalui paparan yang akan saya jelaskan dibawah ini.

Elemen

Dalam dokumen HTML, elemen dibagi dua bagian utama yaitu bagian <HEAD> dan bagian <BODY>. Bagian <HEAD> berfungsi untuk memberikan informasi tentang dokumen HTML yang sedang kita buat, contohnya seperti judul dokumen itu sendiri. Sedangkan bagian <BODY> fungsinya untuk menentukan bagaimana suatu dokumen yang akan kita tulis itu ditampilkan didalam browser dari segi paragrafnya, listnya, tabelnya dan bentuk format lainnya.

Tag

Ketika sebuah dokumen HTML akan ditampilkan dalam suatu browser, maka browser tersebut akan mencari dan membaca tag-tag apa saja yang ada di dokumen HTML tersebut. Kemudian berdasarkan tag ini maka dokumen HTML tersebut akan ditampilkan sesuai dari fungsi tag yang terdapat didokumen HTML tersebut. Dalam dokumen HTML. Penulisan tag ini biasanya diawali dengan tanda lebih kecil dan tanda lebih besar seperti berikut <B>. Lalu di akhir tag tersebut di akhiri oleh tanda sebagai berikut </B>. Tag awal <B> dan tag akhir </B> fungsinya untuk tampilan cetak tebal suatu dokumen teks. Tag Ini baru cuma salah satu contoh saja dari banyak tag yang lainnya. sedangkan tag-tag lainnya nanti akan saya jelaskan di artikel berikutnya.

Untuk memahami antara perbedaan Elemen dan Tag tersebut lebih baik kita langsung praktek saja agar anda lebih mengerti dan lebih faham apa perbedaannya.

Silahkan buka program notepad yang ada dikomputer anda. Bagi anda yang masih awam dan minim sekali tentang pengetahuan komputer, saya kasih tahu bagaimana cara membukanya. Silahkan anda cari tombol START, bagi pengguna operating sistem Windows letaknya biasanya ada di pojok kiri bawah. Lalu ikuti intruksi dibawah ini.

START -> ALL PROGRAM -> ACCESSORIES -> NOTEPAD

 Lalu tulis semua huruf berwarna hitam seperti pada gambar dibawah ini pada notepad yang sudah anda buka tadi. Ingat hanya huruf yang berwarna hitam saja. Jika kurang jelas silahkan gambarnya di klik untuk memperbesarnya agar kelihatan jelas.

konsep-dasar-html

Jika semua huruf yang berwarna hitam tadi sudah anda tulis dalam notepad yang anda buka tadi, maka sekarang silahkan di save dokumen HTML yang anda buat tadi. beri nama sesuai dengan keinginan anda, misalkan nama file nya adalah sama seperti pada gambar diatas atau nama yang lain juga tidak apa-apa. Cuma diakhir judul filenya diberi akhiran .html (dibaca : dot html) atau .htm (dibaca : dot htm), lalu silahkan klik tombol save nya. ingat yaaaa…didepan html atau htm nya diberi tanda titik. Untuk jelasnya lihat contohnya pada gambar berikut ini.

cara-menyimpan-dokumen-html

Jika sudah tersimpan, maka carilah file tersebut lalu buka dengan aplikasi browser anda. Jika anda sudah memiliki browser dalam komputer anda, maka anda tinggal mengkliknya saja 2x. Maka file yang sudah anda buat tadi akan tampil secara visual di browser anda. Tampilannya kurang lebih akan seperti gambar dibawah ini.

tag-dan-elemen-html

Bagaimana sekarang anda sudah mulai faham kan apa itu HTML dan bagaimana cara membuat dokumen HTML tersebut? saya harap siapapun anda mau anda awam sekalipun setelah anda mempraktekkannya akan sedikit memahami apa itu HTML dan bagaimana cara membuatnya.

Jika anda belum faham benar dengan langkah-langkah yang saya jelaskan pada artikel ini, maka silahkan anda langsung tonton saja Video Tutorialnya. melalui Link yang dibawah ini. Atau Jika anda ingin melihat semua Video Tutorial Pembelajaran Website lainnya yang sudah saya upload ke youtube, maka silahkan anda kunjungi saja channelnya dengan klik link ini

https://www.youtube.com/channel/UCyHUJtWm75DPmaJ93L5trog

Untuk memudahkan anda mendapatkan Update Video terbarunya, maka silahkan anda klik tombol SUBSCRIBE atau LANGGANAN di channel youtube tadi GRATIS tidak dipungut biaya sepeserpun.

Sedangkan jika anda ingin Memaksimalkan Pengetahuan Tentang Komputer, maka silahkan klik

https://www.youtube.com/channel/UCCN00g4lvoawk5tWsU-_syA

Jangan lupa klik tombol SUBSCRIBE nya untuk ber LANGGANANGRATIS di channel youtube KE-2 saya ini untuk memudahkan anda mendapatkan UPDATE VIDEO TERBARU dari saya.

Saya cukupkan sekian dulu artikel tentang Belajar Mengenal Dasar-dasar Tag HTML ini, untuk melanjutkan pembelajaran silahkan kunjungi artikel saya yang lainnya yang berjudul Mengenal Elemen Dan Tag Pada HTML, pada artikel lanjutan tersebut anda akan mendapatkan penjelasan yang lebih detail tentang apa yang ada dibagian elemen dan tag yang sudah anda buat filenya tadi, agar anda semakin mengerti maksud dan tujuannya. Jangan takut anda tidak bisa, teruslah mencoba dan praktek karena saya akan terus membimbing anda dengan detail. Saya yakinkan anda akan bisa membangun sebuah website sekalipun anda orang awam dalam bidang ini, asal anda mau belajar. Sekian dulu, semoga bermanfaat

Tags: #belajar html #html #kode html #membangun website #tutorial website

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya

Beri komentar "Belajar Mengenal Dasar-dasar Tag HTML"

Baca juga×

Top