Belajar pemrogaman HTML

Hai hari ini saya akan memberi pembelajaran pemrogaman dasar HTML yang sederhana ok langsung saja kita mulai...:v
-Pengertian
Html merupakan sebuah bahasa yang digunakan untuk membuat suatu website. Biasanya dalam pembuatan website html akan dikombinasikan dengan php, javascript, sql, dan lain-lain , agar web yang dibuat dapat membuat nyaman pengunjungnya
Jika kalian ingin belajar HTML ,kalian pasti memerlukan sebuah editor. Disini saya akan merekomendasikan kalian untuk menggunakan Notepad++ atau Sublime Text , Karna bagi saya kedua aplikasi itu dapat lebih mempermudah kalian dalam belajar HTML dibandingkan kalian menggunakan notepad bawaan laptop/pc kalian.
-Perinsip Dasar

Dalam mempelajari html, anda harus tau prinsip dasarnya terlebih dahulu, yaitu pada setiap tag html pasti memiliki pasangannya. Contohnya :

»<body>……..</body>

»<button>….</button>

»<head>…..</head>

»<body>….</body>

»<h1>…</h1>

»<html>…….</html>

»Dan lain-lain

-FUNGSI TAG-TAG PADA HTML

Didalam HTML terdapat banyak sekali tag yang memiliki bermacam-macam fungsi. Dan disini saya akan menjelaskan fungsi dari beberapa tag dasar html yang sering digunakan dalam pembelajaran dasar HTML

1.Fungsi tag <html>….</html>

fungsi ini digunakan agar program / coding yang kita buat dapat terbaca sebagai HTML code. Biasanya tag ini digunakan untuk mengawali sebuah kode HTML.

2. Tag <head>…..</head>

Head. Seperti namanya , ini merupakan sebuah kepala dari kode HTML. Biasanya digunakan untuk menaruh tag musik , judul , javascript, dan lain-lainnya.

3. Tag <title>…</title>

Tag ini biasanya diletakkan didalam tag <head>….</head> . Fungsinya adalah untuk menampilkan judul suatu web, untuk lebbih jelasnya lihat gambar di bawah.

4. Tag <body>….</body>

Kalau menurut saya sendiri tag ini merupakan tag

yang digunakan untuk menampilkan output .Karna mayoritas di tag inilah kita akan menampilkan 80% output kita. Bingung ?? Sama saya juga :v , buat lebih jelasnya liat gambar aja deh !!

5. Membuat baris baru pada body
Oke , jika kalian telah mempraktekkan langkah 4, pasti kalian bingung , kenapa saya tidak bisa membuat baris baru?? Kenapa tulisan tidak bisa dipindahkan kebawah ?? Jawabannya karena didalam html jika kalian ingin membuat baris baru pada output maka kalian harus menggunakan tag <br/>. Untuk lebih jelas lihat gambar.

6. Cara menampilkan image di tag <body>…</body>

Kalau tadi kalian udah coba bikin output text di body, sekarang saya akan kasih tau cara menampilkan gambar di body. Caranya yaitu dengan menggunakan :

Untuk memudahkan kalian dalam memanggil alamat gambar , saya sarankan untuk meletakkannya didalam satu folder dengan kode html.

Cari Blog Ini

belajar pemprogaman

Belajar pemrogaman HTML

Komentar

Posting Komentar