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 ^_^
sip. mampir yo kak
BalasHapusok sista... ^_^
Hapusbu, ini tugas sistem pakar saya: restuadityaiskandar.blogspot.co.id
BalasHapusselamat malam bu wahyu ini alamat tugas saya bu http://kelebihankekurangansistempakar.blogspot.co.id/2016/09/kelebihan-dan-kekurangan-sistem-pakar.html
BalasHapusmaafkan saya bu saya lupa alamat blog saya
ini alamat blog saya bu.. desibelyuni.blogspot.co.id
BalasHapus[Yunita Sari _ 130101352]
buk tugas sudah saya posting diblog. nama alamatnya http://yuliwulan77.blogspot.co.id/2016/09/tentang-sistem-pakar-kelebihan-dan.html
BalasHapusnama : yuli wulandari
smt : 5
desibelyuni.blogspot.co.id
BalasHapushttps://ayashcorner.wordpress.com/2016/09/23/sistem-pakar-keunggulan-dan-kelemahannya/
BalasHapusbu, ini tugas saya untuk makul sistem pakar
bu wahyu ini tugas saya untuk sistem pakar https://evielisth.wordpress.com/2016/09/23/kelebihan-dan-kekurangan-sistem-pakar/
BalasHapusIni tugas saya bu...febrifajar92.blogspot.co.id
BalasHapusrohatiinkhasanah.wordpress.com
BalasHapusini alamat tugas saya bu : putrisalju19.blogspot.co.id
BalasHapusbu ini tugas saya alamatnya http://ririn-sistempakar.blogspot.co.id/ terimakasih bu
BalasHapusBu Wahyu, tugas irana, semester 5, kelebihan dan kekurangan sistem pakar
BalasHapushttp://irana-rin.blogspot.co.id/
sugeng dalu bu wahyu,,,
BalasHapusnumpang lewat mau mengirimkan tugas ya bu in lingnya
https://wahyucahusil.blogspot.com/b/post-preview?token=aW7fWVcBAAA.ePH4x5_Y_CiTonhODyhMOC1T5kxU3X02iWmV-SthQwpXpJ78McqTjLOiyuRA5aSR4T0ihtCyDJq0gs-SxSbMGA.zDeZ1Vq9BmQ6RJAAqs9YkQ&postId=6203129833580653235&type=POST
http://wahyucahusil.blogspot.co.id/2016/09/membuat-input-data-dan-tampilan-data_23.html
BalasHapushttp://wahyucahusil.blogspot.co.id/2016/09/membuat-input-data-dan-tampilan-data_23.html
BalasHapusSemangat Pagi bu Wahyu...semoga aktivitas hari ini berjalan lancar. ini tugas sistem Pakar saya. hastuti3.blogspot.co.id
BalasHapusTugas Sistem Pakar Awit https://yunitaaw.blogspot.co.id/2016/09/sistem-pakar.html
BalasHapusselamat sore buk.... ini tugas sistem pakar saya.,
BalasHapus-kelebihan dan kekurangan sistem pakar.. monggo :p :)
http://myradenseno.blogspot.co.id/
selamat sore bu wahyu, ini tugas kelebihan dan kekurangan sistem pakar beserta alamat tugas saya bu.,,,
BalasHapushttp://myradenseno.blogspot.co.id/
selamat sore buk.,, ini tugas kelebihan dan kekurangan sistem pakar saya bu..,,
BalasHapushttp://myradenseno.blogspot.co.id/
terimakasihh..,, :)
ini tugas saya bu..
BalasHapushttps://namikaze-cahya09.blogspot.co.id/2016/09/kelebihan-dan-kekurangan-sistem-pakar.html
nama : cahya qomadi tri p
nim : 140101236
TUGAS SISTEM PAKAR :
BalasHapusNAMA : RINDY FATIKASARI
BLOG : http://rindyfatika.blogspot.co.id/
Terima kasih
Komentar ini telah dihapus oleh pengarang.
BalasHapustugas web 2
BalasHapuswebsite : adityaardi.esy.es
nama : aditya ardi pratama
nim : 130103129
semester : 7
Nama : Ali Umar H.
BalasHapusNim :130103131
Semester : 7
Alamat :http://aliumar.hol.es/
Tugas WEB 2 buk...
BalasHapusNama : Ari Sutikno.
Nim :140103072
Semester : 5
Alamat :http://ariamedda.hol.es/
Muhammad Setiawan
BalasHapus140103077
http://wawansetiawan.esy.es/
TUGAS.
BalasHapusRIBUT SUGENG DRIYANTO
150101206
http://rbtsdriyanto.blogspot.co.id/2017/04/black-box-testing.html
Tugas Web CSS
BalasHapusNama : Muhammad Rifki
NIM : MI17 0129
Alamat Blog : rifki404.blogspot.com
Adhisetyantoro
BalasHapushttp://adhisetyantoro.blogspot.co.id/?m=1
kulitker.blogspot.com
BalasHapusIni blognya kostantin wahyuning tyas bu
caracepatmenghilangkanflek.blogspot.com
BalasHapusIni blognya Ramadhani Putri bu
Alamat blog saya Bu
BalasHapuslusianiken.blogspot.co.id
(Lusia Niken)