Membuat Halaman Web Sederhana Dengan Menggunakan Elemen Dasar HTML dan Atribut Dasar HTML
Tulisan saya kali ini membahas tentang penggunaan html untuk membuat sebuah halaman web yang berisi profil pembuat atau dengan kata lain berisi biodata pembuat. Dengan penggunaan html pembuat dapat dengan mudah merasakan bahwa html merupakan bahasa pemrograman yang lumayan fleksibel yang dapat digunakan bagi pemula maupun bagi profesional karena pembuatan halaman web menggunakan html dapat dibuat dengan sederhana maupun dengan kompleksitas yang tinggi.
HTML (HyperText Markup Language) adalah bahasa pemrograman yang digunakan untuk membangun struktur sebuah halaman web. Dalam konteks pembuatan website html dapat digunakan oleh siapa saja, penggunaan html memiliki peran yang sangat penting dan memiliki beberapa keuntungan. Berikut beberapa keuntungan yang didapatkan ketika penulis memakai html untuk membuat halaman web sederhana ataupun halaman web yang kompleks secara mandiri untuk sebuah biodata diri sendiri ataupun untuk keperluan lainnuya yaitu:
- Kostumisasi, kita dapat mengendalikan penuh atas laman yang kita buat tentang biodata diri Anda sendiri dan bebas untuk dikreasikan sesuka hati.
- Fleksibilitas, pembuatan laman pribadi menggunakan html dapat berisi dari jenis profil yang sederhana hingga profil yang memiliki isi yang kompleks.
- Efisien, bagi pemula pembuatan laman menggunakan html sangatlah mudah sehingga bukan hanya professional saja yang dapat menggunakannya tetapi bagi yang baru ingin mempelajarinya, html merupakan pilihan terbaik.
- SEO-Friendly, dengan html Anda juga dapat membantu mesin pencari seperti google untuk mengindeks halaman profil Anda dengan lebih baik, jika Anda dapat menggunakan html dengan struktur yang benar.
Bahasa html adalah bahasa yang terdiri dari elemen (misalnya <p>,<h1>,<style>) yang mendefinisikan konten di halaman web. Elemen ini memiliki atribut (misalnya src, alt, style) yang memberikan informasi tambahan tentang elemen tersebut. Hampir semua pengembang web menggunakan html sebagai fondasi untuk membuat situs web. html dapat digunakan ketika awal proses pembuatan sebuah halaman web, sebelum menambahkan style atau interaktivitas . bahasa html juga digunakan pada jenis halaman web lain mulai dari yang sederhana hingga yang kompleks. Secara sederhana kerja html dengan menginterpretasikan kode html dan merendernya menjadi halaman yang dapat dilihat pengguna.Elemen html adalah segala yang membangun suatu halaman web. Setiap elemen memiliki tag pembuka dan tag penutup kecuali elemen kosong seperti <br>.
Elemen html adalah segala yang membangun suatu halaman web. Setiap elemen memiliki tag pembuka dan tag penutup kecuali elemen kosong seperti .Jika diibaratkan, html bagaikan batu bata yang menjadi bagian bangunan dan memiliki fungsi spesifik dan bekerja sama untuk membentuk sebuah bangunan yang kokoh dan fungsional. Beberapa elemen dasar yang wajib ada dalam sebuah halaman web html yaitu ,<html>,<body>,<p>, dan <h1>.
Atribut html digunakan sebagai pemberi informasi tambahan untuk elemen html. Atribut html biasanya memilliki susunan yang sama (name=”value”), hebatnya lagi semua elemen html dapat memiliki atribut. Ada banyak macam macam atribut html berikut beberapa macam atribut html, yang pertama adalah href atribut dari menentukan URL halaman yang digunakan , src atribut dari dapat menampilkan gambar yang diinginkan, width dan height atribut dari dapat digunakan untuk mengatur ukuran suatu gambar, alt atribut dari memberikan teks alternatif untuk gambar , style atribut yang digunakan untuk mengatur gaya tulisan, font, warna ukuran dan banyak lainnya, lang atribut dari digunakan untuk menandai bahasa apa yang digunakan, dan yang terakhir title atribut digunakan untuk memberitahu beberapa informasi tambahan mengenai elemen.
1. Buatlah textedit menggunakan notepad agar mudah mempelajari html dengan baik.
2. Isi notepad dengan tag html sederhana seperti pada elemen dasar html, yang berisi tag html, body, h1, dan p. Lalu save dengan menggunakan html dan all files . Perlu diketahui tag h1 memiliki jenis lainnya hingga h6, yang dimana h1 merupakan judul tingkat utama. Berikut contoh penggunaan elemen html secara sederhana.
Terdapat tambahan penggunaan atribut lang pada tag html yang berguna untuk menandai bahwa halaman web yang Anda buat menggunakan Bahasa Indonesia.
3. Jika Anda ingin menggunakan tautan untuk menghubungkan ke halaman lain gunakanlah tag href yang digabungkan dengan . Gunakan format , perlu diketahui jika ingin menghubungkan satu halaman ke halamn yang lain file html perlu diletakkan dalam satu folder yang sama. Berikut contoh penggunaannya.
Pengaplikasian pada digambar saya gabungkan dengan tag ul dengan menggabungkan dengan tag li. Kedua tagar tersebut berfungsi sebagai pembuat daftar yang dimana tag li digunakan untuk menampilkan daftar tanpa urutan atau tidak menggunakan angka.
4. Jika Anda ingin menampilkan gambar pada halaman web pribadi yang dibuat, silahkan menggunakan atribut src untuk memunculkan gambar. Gmabar yang hendak dimunculkan harus diletakkan dalam satu forlder yang sama dengan textedit yang digunakan. Dapat menggunakan format, berikut contoh pengaplikasiannya.
