Bagi pemula di saat ingin membangun website, maka memahami tentang script HTML website keren termasuk wajib. Maka dari itu, contoh script HTML website keren bisa membantu di dalam menguasai keterampilan tersebut.
Melansir dari halaman resmi dari MDN Web Doc, script HTML merupakan kode yang digunakan untuk struktur suatu halaman web dan konten di dalamnya. Script HTML website keren digunakan oleh lebih dari 90% beberapa halaman internet. Mengingat bahwa banyaknya penggunaan script pemrograman ini, maka tidak heran jika banyak para pemula yang mempelajari script HTML.
Contoh Script HTML Website Keren
HTML terdiri dari beberapa rangkaian elemen, di mana bisa sobat maxcloud gunakan untuk melingkupi beberapa bagian yang berbeda dari konten untuk membuatnya tampil maupun berfungsi dengan cara tertentu.Selain termasuk coding yang wajib diketahui oleh pemula, script HTML merupakan bahasa pemrograman yang paling umum di dalam pembuatan website. Terlebih lagi, ada banyak keuntungan yang bisa sobat maxcloud dapatkan dengan cara memahaminya terlebih dahulu.
Pasalnya, dengan menguasai script HTML website keren, sobat maxcloud juga bisa membangun website sendiri, membuat template dan berbagai karya lain yang bisa dijual. Menarik, bukan?
Script HTML website keren juga termasuk di dalam bahasa pemrograman yang sangat mudah. Maka dari itu, tidak ada alasan untuk takut belajar perihal script HTML. Nah, untuk memahami lebih lanjut, mari cermati beberapa contoh script HTML website keren website berikut :
1. Dokumen HTML
Dokumen HTML adalah script HTML website keren paling dasar yang digunakan untuk membuat suatu halaman. Isi dokumen ini juga mencakup beberapa struktur dan konten yang nantinya tampil pada website. Sebagai berikut adalah beberapa contoh script HTML dokumen:
| <!DOCTYPE html> <html> <body> <h1>Heading Pertama</h1> <p>Bagian ini diisi paragraf pertama.</p> </body> </html> |
Bagian awal dari dokumen HTML adalah <!DOCTYPE html> yang berfungsi untuk menginfokan kepada pihak browser, bahwa penulisan dokumen menggunakan HTML. Berikutnya terdapat tag <html> yang menjadi salah satu elemen di semua konten pada seluruh halaman.
Elemen ini juga sudah mengandung atribut lain yang mengatur bahasa utama di dalam dokumen. Setelah itu, terdapat juga tag <head> yang mempunyai peran sebagai kontainer di beberapa hall yang masuk ke halaman HTML.
Akan tetapi, tidak menjadi konten untuk para audiens. Hal-hal tersebut juga meliputi keyword dan deskripsi halaman. Tag <body> untuk memuat bagian isi atau konten dari halaman web. Konten web juga bisa tersusun dari heading, paragraf, gambar, tabel dan sebagainya.
2. Heading
Elemen heading juga akan menandai judul dan sub judul yang ada di dalam website. Heading juga akan membantu di dalam memetakan informasi dari yang umum ke informasi lebih khusus, sehingga mempermudah pengunjung untuk menemukan info yang mereka cari.
Heading juga bisa membantu di dalam meningkatkan SEO, karena memungkinkan Google untuk mengenali struktur dan konteks konten dengan lebih baik. Terdapat enam tingkatan heading, mulai dari yang tertinggi <h1> hingga terendah <h6>.
H1 ini digunakan untuk menunjukkan judul konten. Sedangkan, untuk mentara h2 hingga h6 merupakan sub judul. Sebagai berikut adalah contoh script HTML website untuk heading:
| <h1>Judul Konten</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> |
3. Paragraf
Di dalam konten website, paragraph akan membuat teks menjadi lebih terstruktur. Selain itu, paragraph juga bisa membantu para pengunjung untuk memahami informasi yang disampaikan dengan lebih mudah.
Coba sobat maxcloud bayangkan? Pastinya akan menjemukan dan sulit untuk bisa paham di satu halaman penuh teks yang penulisannya tanpa terpisah paragraf. Adapun penulisan coding paragraf, yaitu menggunakan tag <p>. Sebagai berikut adalah contohnya :
| <p>Bagian ini adalah paragraf pertama konten web.</p> <p>Ini adalah paragraf kedua dari konten yang sama.</p> |
4. Link HTML
Link juga akan mengarahkan pembaca ke halaman lain nya. Untuk penulisan HTML link ini menggunakan awalan tag <a>. Lalu, untuk tujuan link diawali dengan atribut href. Sebagai berikut adalah contoh script HTML link:
| <a href=”https://www.jagoanhosting.com”>Website Cuper Hosting</a> |
5. Gambar HTML
Pencantuman gambar juga bisa menggunakan tag <img>. Lalu, sobat maxcloud juga bisa menambahkan sumber (src), teks alternatif (alt), lebar (width)dan tinggi (height) dengan attributes. Sebagai berikut adalah contoh script HTML gambar :
| <img src=”logo-jagoan-hosting.jpg” alt=”logo jagoan hosting” width=”110″ height=”34″> |
6. Button
Button adalah tombol yang bisa pembaca klik untuk memasukkan perintah tertentu. Sedangkan, untuk elemen button ini bisa menggunakan tag <button>. Sebagai berikut adalah contoh script HTML :
| <button>Hubungi Sekarang</button> |
7. Bold
Contoh script HTML website keren dan sederhana berikutnya adalah format teks. Untuk menampilkan teks tebal, gunakan tag <b> untuk bold atau tag <strong>. Mari kita lihat contohnya:
| <body> <h1>Cara Menulis Teks Tebal</h1> <p> <strong>Format teks bold</strong> digunakan untuk memberi menonjolkan bagian teks tertentu. Contohnya, <b>Perhatikan catatan berikut</b>. </p> </body> |
8. Italic
Italic merupakan format script HTML website keren untuk teks miring dan biasanya digunakan untuk menegaskan kata asing maulu istilah baru. Penulisan italic menggunakan tag <i> (italic) atau tag <em> (emphasis). Sebagai berikut adalah contohnya:
| <body> <h1>Penulisan Teks Miring</h1> <p> Penggunaan <i>italic</i> berfungsi untuk menunjukkan kata asing. Contohnya, belajar <em>coding</em>. </p> </body> |
Nah, itulah dia 8 contoh script HTML website keren. Semoga informasi di atas bisa membantu dan bermanfaat.
