Langsung ke konten utama

Belajar Dasar-dasar Html

        

Halo Guys, Apakah kalian kebingunan belajar HTML? sebelum kita memulai ngoding HTML nya kita simak dulu apa itu html.

        Html atau biasa disebut "Hypertext Markup Language" adalah sebuah skrip yang digunakan untuk menuliskan bahasa pemrogramman yang bisa ditampilkan umumnya pada website, contohnya seperti yang kalian lihat sekarang artikel ini dibuat menggunakan HTML sebagai struktur dasarnya.

Berikut ini adalah contoh dasar struktur HTML yang wajib digunakan untuk membangun struktur website

Contoh :

!DOCTYPE html
html
    head
        titleYour Titletitle
    /head

    body
        h1Hello, world!/h1
    /body
/html

Jika kalian masih bingung di sini saya akan jelaskan satu per satu agar kalian tidak bingung.
  1. tag <DOCTYPE html>, tag ini berfungsi sebagai penanda jika skrip/file html yang kita buat adalah bertipe HTML
  2. tag <html>, tag ini berfungsi sebagai penanda awalan struktur kode html yang akan dibuat
  3. tag <head>, tag ini berfungsi sebagai kumpulan informasi di dalam kode skrip html yang tidak ditampilkan di halaman
  4. tag <title>, sama halnya seperti tag head tetapi tag title sendiri memberikan judul pada halaman website kalian
  5. tag <body>, tag ini berfungsi sebagai membuka dan menutup semua isian yang terdapat di dalam dokumen HTML, seperti text, grafik, link, dan lain-lain.
Selain yang disebutkan diatas masih ada banyak lagi tag-tag html yang ada seperti tag <p>, <h1>, <img>, dan lain sebagainya.

untuk menulis sebuah skrip dibutuhkan sebuah teks editor disini saya pakai Visual Studio Code, kalian boleh memakai teks editor yang lainnya.
  1. Buka Visual Studio Code nya lalu File > New file > Save > "namafile.html"
  2. Tulis struktur kodenya jangan lupa memakai "<'" dan ">" karena tag html diawali dengan buka kurung siku dan diakhiri dengan tutup kurung siku
  3. jika sudah menulis strukturnya, beri tag "<p>Halo Semuanya</p>" lalu berikan teks ditengah-tengah tag yang kalian ingin tampilkan seperti gambar berikut
  4. Buka file html tadi yang kalian simpan dan hasilnya seperti berikut
  5. Tadaa... kalian berhasil membuat struktur website sederhana
Mudah bukan? seperti itulah membuat Website kalian, untuk membuatnya yang lebih kompleks seperti website-website pada umumnya kalian harus mempelajari selain HTML, ada yang disebut CSS dan Javascript. CSS sendiri berfungsi sebagai tampilan yang akan kita lihat agar struktur HTML tersusun rapi sedangkan Javascript adalah skrip yang digunakan di website agar website menjadi dinamis serta interaktif.

Sekian dari penjelasan diatas, jika kalian ingin belajar HTML lebih lanjut kalian bisa searching di Internet atau Youtube disana banyak sekali tutorial dan penjelasan lengkap belajar HTML.

Jika kalian ingin mempelajari lebih lanjut kalian bisa mampir ke Website Dokumentasi w3schools.com disana tersedia banyak dokumentasi dasar tentang cara belajar bahasa pemrograman

Jika ada pertanyaan tidak usah sungkan untuk menjawab di kolom komentar 😁.

Komentar

Posting Komentar

Postingan populer dari blog ini

Jenis-Jenis Router dan fungsinya

 1. Nirkabel Itu hadir di kantor, rumah atau stasiun kereta api, dll. Ini menciptakan sinyal nirkabel. Misalkan Anda berada di kantor, karena laptop berada dalam jangkauan, kita dapat terhubung ke Internet dengan sinyal nirkabel. Kami dapat memberikan keamanan untuk router dengan memberikan nama pengguna dan kata sandi. Ketika kami mencoba untuk terhubung ke router, ia meminta kata sandi dan nama pengguna. Nama pengguna dan kata sandi disertakan dengan perangkat. Untuk alasan keamanan, tidak ada informasi tentang pengguna yang terpengaruh. Saat kami mengunjungi tempat umum, kami dapat melihat bahwa jendela Wi-Fi mendukung penggunaan Internet di ponsel kami, dan Anda dapat melihat bahwa itu dilindungi kata sandi. Router WiFi tersedia untuk umum. N pengguna dapat terhubung ke sana. 2. Router berkabel Nama itu sendiri mendefinisikan artinya. Kabel untuk terhubung ke jaringan termasuk dalam cakupan pengiriman. Saat kita mengunjungi bank kecil, kampus atau kantor, kita dapat menemukan b...
Posting Komentar
Baca selengkapnya

Belajar CSS pada HTML

CSS  atau dikenal sebagai "cascade style sheet" adalah sebuah dasar pemrograman yang digunakan untuk mempercantik tampilan pada sebuat website html. Cara kerja CSS adalah dengan cara menggabungkan konten pada HTML atau XHTML. ada 2 cara menggabungkan CSS dengan HTML atau XHTML. cara yang pertama adalah dengan menuliskan syntax langsung pada File HTML menggunakan Tag <style></style> langsung di bagian Head HTML menggunakan File terpisah seperti style.css Contoh 1 : !DOCTYPE html html head title Your Title title style body { background-color:red; } /style /head body h1 Hello, world! /h1 /body /html Hello, world! Contoh 2: disini saya memakai Visual Studio Code, bagi kalian yang belum mendownload Visual Stu...
Posting Komentar
Baca selengkapnya