BELAJAR HTML DASAR, CARA PENGGUNAAN HTML SECARA TERSTRUKTUR

HTML DASAR

Pengenalan Web.

    Mengapa harus web ??, mungkin dari kita banyak berfikir dan mempertanyakan hal yang demikian,

mungkin jawabannya adalah 

1. Saat ini web di gunakan oleh jutaan orang, bahkan milyaran orang setiap harinya.

2. Dengan web kita bisa mendengarkan musik online, menonton video online, bermain game, melakukan     bisnis dan lain sebagainya.

    Namun perlu di perhatikan web bukanlah internet.

Internet.

    Singkatnya internet adalah mekanisme komunikasi antar komputer, awal internet ada untuk melakukan komunikasi antar komputer di perlukan jaringan kabel telepon. Namun sekarang semenjak berjamurnya jaringan wifi dan sebagainya komunikasi antar komputer menjadi lebih cepat dan mudah.

    Pengertian web sendiri adalah kumpulan informasi yang tersedia dalam sebuah komputer yang terkoneksi secara terus menerus melalui internet, web bisa berisi informasi mengenai apapun seperti teks gambar, audio, video dan lain-lain, web berjalan di aplikasi yang bernama web server yaitu aplikasi yang digunakan untuk menyimpan dan menyampaikan informasi web.

diagram web sendiri bisa kita liat 

   

             

Pengenalan HTML.

    HML singkatan dari (Hyper Text Markup Language), ini merupakan struktur paling dasar dari halaman web, Html sendiri mendskripsikan struktur dari isi konten pada web seperti bagian heading nya footer nya dan lain sebagai nya.

    Selain HTML ada hal lain yang dapat mendeskripsikan halaman web, seperti CSS untuk melakukan styling dan mempercantik halaman web lalu ada javaScript untuk membuat halaman web kita menjadi lebih interaktif.

    Jika di ibaratkan struktur ini seperti bangunan pada rumah HTML sendiri adalah banguna rumah tersebut lalu CSS adalah bagian yang mempercantik rumah tersebut seperti cat taman dll, lalu ada javaScript yang membuat rumah kita interaktif seperti saat rumah kita memiliki aliran listrik.

TAG.

    Dalam HTML ada yang namanya tag, kode html sendiri berisi kumpulan kumpulan tag yang kita buat,  tag sendiri adalah perintah dalam HTML yang memiliki aturan pembuka dan penutup ada banyak sekali tag dalam HTML jika ingin mempelajari lebih dalam bisa kunjungi link berikut : https://developer.mozilla.org/en-US/docs/Web/HTML, contoh untuk pembuatan tulisab paragraf dalam HTML kita bisa gunakan tag p, dimana penulisannya :

    <p>Hello word</P>

    <p> di awal adalah tag pembuka sedangkan </p> di akhir adalah tag penutup dan Hello word adalah isi konten dari tag, p sendiri atau konten dalam tag bisa kita sebut dengan element.

Void Element.

    Pada beberapa kasus ada tag di HTML yang tidak perlu memiliki isi konten, hal ini bisa kita sebut dengan Void Element, contoh di HTML terdapat tag untuk membuat break line / enter dengan menggunakan tag br.

    Karena tag br tidak bisa memiliki isi konten kita cukup menuliskannya dengan <br> atau menggunakan opsi lain yaitu <br/> tanpa menggunakan tag pembuka dan penutup.

Atribute.

    Element memiliki atribut. Atribut adalah informasi tambahan untuk tag yang kita gunakan, kita bisa menambahakan atribut di element pada tag pembuka contohnya ketika kita akan menampilkan gambar pada web kita, kita bisa menggunakan tag <img> dengan atribut src yang berisikan lokasi gambar yang kita ingin tampilkan :

    

    <img src="lokasi/gambar/file.jpg"/>

    Atribute bisa di gunakan pada element pembuka ataupun penutup.

HTML tidak case sensitive.

    Penulisan dalam HTML tidak case sensitive artinya huruf besar kecil tidak masalah dalam penulisannya, namun saya sarankan untuk menggunakan huruf kecil seperti <p> bukan <P>.

CONTOH Kode HTML.

Persiapan.

    Sebelum masuk pada materi pembelajaran biasanya kita melakukan persiapan, di antaranya adalah :

• Instalasi Perangkat Lunak 

            Untuk belajar HTML kita membutuhkan dua perangkat lunak, Code Editor dan Web Browser

biasanya orang orang menggunakan Visual Studio Code sebagai code editor dan Google Chrome sebagai web Browsernya, untuk penginstalan VScode bisa ikuti tautan berikut : https://code.visualstudio.com/download

    Setelah proses penginstalan selesai langkah selanjutnya adalah membuat project biasanya untuk pemula adalah membuat folder dan menjalan kan- nya di dalam vscode lalu membuat code dengan isi konten "Hello Word", lalu kita dapat membukanya dengan web browser

    

Maka akan muncul tampilan seperti gambar di atas pada web browser kita.

    Dengan membuat project pertama tersebut maka kita sudah berhasil menjalankan koden HTML, eitt.. tunggu dulu itu hanyalah sebagian kecil dari dunia pemerograman untuk menjadi seorang programer handal di butuhkan waktu dan kerja keras maka dari itu terus ikuti dan dukung blog ini untuk mendapatkan materi yang lebih banyak kedepan nya Thank You.

Lokasi:

Berbagi :