Ada yang pusing setiap kali melihat koding html?
Kalau ada, silahkan agan merapat ke blog saya, kita belajar dengan cara yang menyenangkan ^_^
Kali ini saya akan membahas tentang HTML, pastinya agan-agan semua sudah sering mendengar istilah HTML ya?
Kalau belum, silahkan membaca blog maupun website mahasiswa2 saya tercinta yang di share di blog saya.
1. Struktur pokok koding HTML seperti struktur tubuh manusia. Memiliki kepala dan badan.
Kepala dalam bahasa Inggris adalah head (sudah pasti letaknya di atas)
dan badan adalah body (tentu letaknya di bawah kepala atau head).
Penulisannya seperti ini : <head> dan <body>
Penulisannya seperti ini : <head> dan <body>
2. Di kepala atau head terletak Judul dari web. Judul dalam bahasa Inggrisnya bisa juga saya sebut Title ya Gan? Judul kan selalu berada di atas Gan, ibarat sebuah otak atau pemikiran dari sebuah web. Karena itulah dia ada di dalam kepala/head.
Penulisannya seperti ini : <title>
Penulisannya seperti ini : <title>
3. Ketika kita membuka pintu, jangan lupa menutup. Begitu pula HTML, ketika sudah membuka koding, jangan lupa menutupnya.
* koding buka seperti ini Gan : <koding>
* koding tutup seperti ini : </koding>
4. Koding HTML memakai bahasa inggris, jadi biar agan tidak kesulitan dalam membuat design web agan bisa menggambarnya dengan bahasa agan sendiri, lalu buat translate ke bahasa inggris dari bahasa agan tadi.
* koding buka seperti ini Gan : <koding>
* koding tutup seperti ini : </koding>
4. Koding HTML memakai bahasa inggris, jadi biar agan tidak kesulitan dalam membuat design web agan bisa menggambarnya dengan bahasa agan sendiri, lalu buat translate ke bahasa inggris dari bahasa agan tadi.
Sekarang kita praktekkan konsep di atas, struktur HTML jadi seperti ini gan :
Setelah memahami struktur html tersebut, kita coba bikin koding sederhana seperti di bawah ini :
<html>
<head>
<title>
INI JUDUL ATAU TITLE
</title>
</head>
<body>
KODE DI DALAM BODY MUNCUL DI SINI
</body>
</html>
jangan lupa disimpan gan. untuk menyimpannya harus diberi akhiran ".html" ya, contohnya : index.html, coba.html, latih.html dll. nah, untuk selanjutnya agan bisa membuat kreasi sendiri pada koding di atas. Contohnya seperti ini :
* pada body bisa ditambahkan background berupa warna, background disingkat bg, warna bahasa inggrisnya color. setelah color, diberi tanda "sama dengan" lalu pilih warna yang dinginkan. ada beberapa koding warna, namun jika agan belum menghafalnya, bisa memilih warna dalam bahasa inggris.
* kodingnya jadi seperti ini :
<html>
<head>
<title>
INI JUDUL ATAU TITLE
</title>
</head>
<body bgcolor="magenta">
KODE DI DALAM BODY MUNCUL DI SINI
</body>
</html>
mudah ya gan? silahkan dicoba ^_^
<html>
<head>
<title>
INI JUDUL ATAU TITLE
</title>
</head>
<body>
KODE DI DALAM BODY MUNCUL DI SINI
</body>
</html>
jangan lupa disimpan gan. untuk menyimpannya harus diberi akhiran ".html" ya, contohnya : index.html, coba.html, latih.html dll. nah, untuk selanjutnya agan bisa membuat kreasi sendiri pada koding di atas. Contohnya seperti ini :
* pada body bisa ditambahkan background berupa warna, background disingkat bg, warna bahasa inggrisnya color. setelah color, diberi tanda "sama dengan" lalu pilih warna yang dinginkan. ada beberapa koding warna, namun jika agan belum menghafalnya, bisa memilih warna dalam bahasa inggris.
* kodingnya jadi seperti ini :
<html>
<head>
<title>
INI JUDUL ATAU TITLE
</title>
</head>
<body bgcolor="magenta">
KODE DI DALAM BODY MUNCUL DI SINI
</body>
</html>
mudah ya gan? silahkan dicoba ^_^
