Mengenal dan Belajar cara penulisan kode HTML
Mengenal dan Belajar cara penulisan kode HTML - HTML adalah singkatan dari Hypertext Markup Language. Fasilitas hypertext merupakan metode yang menghubungkan (link) satu dokumen ke dokumen lain melalui suatu teks atau gambar. HTML merupakan halaman yang berada pada suatu situs internet atau web. Jadi, suatu situs terdiri atas beberapa halaman HTML atau web page. Semakin menarik isi halaman suatu web, semakin sering website itu dikunjungi. HTML pada dasarnya merupakan kumpulan kode-kode yang ditampilkan dalam format tag untuk ditamplkan di halaman web atau blog.
Biasanya, hyperlink ada pada halaman web atau blog yang jika di klik oleh penggunanya, browser akan menampilkan dokumen yang terhubung dengan link tersebut. Untuk membuat suatu dokumen HTML biasanya menggunakan program Notepad, Microsoft FrontPage, atau Adobe Dreamweaver. Kali ini saya akan membahas tentang cara membuat dokumen HTML atau belajar menulis kode HTML dengan menggunakan editor teks Notepad.
Cara menulis kode HTML, antara lain sebagai berikut:
• Langkah pertama, klik visual studio code>file>new file.
• Pada visual studio code ketik teks gambar dibawah ini:
• Lalu simpan hasilnya dengan klik Ctrl+S di keyboard dan beri nama file tersebut dengan belajar.html.
• Untuk melihat hasilnya, cari file tersebut yang telah anda simpan tadi, biasanya type file tersebut Firefox document. Klik 2× file itu, sehingga hasilnya akan terbuka di internet Explorer.
Agar anda mudah memahami nya, saya akan jabarkan penjelasan mengenai HTML satu persatu.
1. Tag HTML
Tag yang berikutnya adalah HTML itu sendiri. Tag ini dibuat untuk Anda yang akan membuat sebuah halaman yang berbasis HTML. Hal ini bisa jadi berbeda jika Anda membuat dokumen dengan ekstensi yang lain.
2. Tag Head
Tag <head> ini digunakan untuk informasi pada bagian awal website. Contohnya saja seperti judul, gambar pembuka, dan berbagai macam informasi lainnya.
3. Tag Title
Maksud dari tag tersebut adalah programmer membuat judul dari halaman yang sudah dibuat. Judul ini nantinya akan menjadi sebuah judul utama website yang akan dibuat. Oleh sebab itu, Anda harus memutuskan judulnya dengan tepat untuk website yang dibuat.
4. Tag Body
Tag ini sangatlah penting dalam pembuatan website. Tanpa tag <body> ini, maka website akan susah untuk diatur. Sama halnya dengan sebuah struktur pada manusia, tag ini digunakan untuk membentuk “badan” pada sebuah website. Dengan adanya tag ini, kita dapat mengetahui bagian mana yang ditempatkan di atas, bagian tengah, dan juga bagian bawah.
Contoh kode HTML sederhana :
Dan berikut ini adalah tampilan nya :
Untuk membuat tabel biasanya menggunakan beberapa tag berikut :
A Ki. Tag <TABLE>, digunakan untuk mendefinisikan sebuah table.
B. Tag <TR>, digunakan untuk mendefinisikan baris tabel.
C. Tag <TD>, digunakan untuk mendefinisikan kolom tabel.
D. Tag <TH>, digunakan untuk mendefinisikan judul pada baris atau kolom.
Contoh dari kode Tabel berikut ini :
Form banyak digunakan untuk membuat buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.
Tag-tag yang digunakan pada form :
- a). Tag <FORM>, digunakan untuk mendefinisikan form dan diikuti oleh dia atribut, yaitu METHOD untuk pengolahan form dan ACTION untuk menentukan direktori file.
- b). Tag <TEXTAREA>, digunakan untuk membuat kotak isian teks dan diikuti oleh atribut NAME untuk membuat nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks area, dan COLS untuk menentukan spasi aturan kolom.
- c). Tag <INPUT>, digunakan untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE menentukan nilai tetap sebuah objek input, CHECKED untuk menentukan pilihan pada checkbox atau radio button, dan TYPE untuk menentukan tipe input.
- Contoh dari kode Form berikut ini :
Sekian dulu penjelasan saya tentang Mengenal dan Belajar cara penulisan kode HTML, semoga apa yang saya jelaskan dari awal sampai akhir tentang kode-kode HTML ini bisa bermanfaat bagi para sobat saya sekalian. terakhir saya ucapkan Terima Kasih.
Tidak ada komentar:
Posting Komentar