BELAJAR HTML UNTUK PEMULA- Langkah Pertama Untuk Membuat Web

Hai teman-teman semua yang masih bingung dan pengin banget belajar gimana sih cara membuat sebuah Website.Nah kebetulan nih, buat kalian yang masih pemula, disini saya mau berbagi ilmu mengenai dasar dari pembuatan sebuah website. Langkah pertama yaitu kalian harus menginstal aplikasi seperti Notepad++ dan XAMPP dikomputer kalian lalu kita bisa masuk ke langkah selanjutnya dalam membuat website yaitu mempelajari HTML.

PENGERTIAN HTML

HTML itu apa sih? HTML atau Hypertext Markup Language adalah sebuah bahasa standar pemrograman untuk membuat sebuah website dapat diakses dengan menggunakan internet. HTML sendiri adalah disusun dengan kode dan simbol tertentu yang dimasukan ke dalam sebuah file atau dokumen atau notepad++. Jadi kalau kalian sedang membuka sebuah website maka didalam website tersebut dibuat dengan HTML.

FUNGSI HTML

1.    Fungsi utama HTML adalah membuat pembaca dapat dengan mudah untuk memgerti dan memahami sebuah halaman website karna seluruh halaman website dibuat dengan menggunakan HTML.

2.    Menandai teks pada suatu laman, HTML Ditulis pada suatu halaman dokumen dengan tag dan simbol tertentu yang membuat teks menjadi tebal, miring, bergaris bawah dan lain sebagainya.

3.    Menampilkan tabel, gambar, video dan lainnya di website dengan menggunakan bahasa HTML.

4.    Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagia website diantaranya header, main, footer, navigation dan lain sebagainya.   

STRUKTUR DASAR HTML

Silahkan buka aplikasi notepad++ kalian dan jangan lupa untuk mengaktifkan XAMPP lalu run Apache dan mysql. Elemen HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag berakhir termasuk simbol / diikuti oleh tipe elemen, misalnya </HEAD>. Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini :

 

Pada bagian title ini untuk menunjukan judul dari website yang kalian buat. Misalnya sebagai berikut :

Kode-kode dalam HTML biasanya disebut  TAG. Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu  dokumen HTML. Tag dalam HTML terdiri dari tanda lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ). Biasanya Tag dituliskan secara berpasangan, misanya<h1> dan </h1>. Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis miring ( /) adalah penutup elemen atau akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak berpasangan, diantaranya adalah :

a.  Tag untuk ganti paragraph yaitu <p>

b.  Tag untuk ganti baris atau line break yaitu <br>

c.  Tag untuk garis datar yaitu <hr>

Jenis – jenis tag dalam HTML :

<Marquee> digunakan untuk membuat sebuah teks berjalan.

<img src="o.jpg"> digunakan untuk memasukan gambar kedalam website kalian

<p>......</p> digunakan untuk membuat ukuran judul sebuah paragraf menjadi lebih besar. 

<Pre>....</pre> digunakan untuk membuat ukuran isi sebuah paragraf menjadi lebih kecil.

Kode tersebut digunakan untuk merubah warna serta jenis huruf yang kalian buat ya..

Kalau kalian ingin melihat hasil yang sudah dibuat silahkan save terlebih dahulu hasil kerja kalian lalu -buka C://xampp/htdocs

-periksa jika ada file index.php / index,html, silahkan dihapus

-buat folder baru nama misal: LATIHAN

lalu simpan dengan nama misal: coba.html

setelah itu kalian buka web browser yang kalian punya misalnya Google chrome, ketikan Localhost lalu LATIHAN lalu klik coba. Maka hasilnya akan seperti ini:

MEMBUAT FORM BIODATA DENGAN HTML

HASILNYA:

Sekian pengenalan dasar pembuatan sebuah website yaitu HTML semoga bermanfaat dan bisa menambah ilmu serta mudah untuk dipahami oleh kalian semua, terus belajar dan jangan malas ya untuk mencari tambahan referensi mengenai HTML ini.  Diupdatean selanjutnya saya akan mengajarkan kepada kalian langkah selanjutnya dalam membuat sebuah website yaitu mengenai PHP. :)