Tutorial Belajar HTML Dasar Untuk Pemula


cara membuat html dasar


Buat teman-teman yang ingin belajar HTML dasar untuk pemula, berikut saya beritahu langkah mudah cara membuat HTML dasar sambil saya jelaskan sedikit masing-masing fungsi Tag nya.

Oiya, bagi teman2 yang masih pemula, ga perlu software canggih kayak Dreamweaver untuk membuat HTML dasar ini, cukup belajar HTML dengan notepad. Kamu bisa download notepad++ kemudian install.

Oke, kita langsung aja setelah uda selesai install notepad++ nya, langsung kita buat file baru File - New kemudian akan keluar dokumen baru, dan isi dengan struktur HTML seperti ini :

Tutorial Belajar HTML dasar


Kenapa harus buat strukturnya seperti itu?.., ya kerena penulisan awalnya memang harus seperti itu :p . Misalnya :

<!doctype html> adalah tag semacam identitas file bahwa pengerjaan adalah dalam bentuk HTML.
<html> adalah tag cara penulisan bahasa yang akan memuat dokumen kerja dalam bentuk HTML.
<head> adalah tag untuk menempatkan pemanggilan yang berafiliasi dengan file HTML yang kita buat.
<body> adalah tag tempat dimana kita mengisi konten halaman, di dalamnya akan ada banyak lagi tag untuk mengisi konten tersebut.

nah.., masing-masing tag diatas itu harus ada penutupnya supaya code HTML nya bisa berjalan seperti :

</html>
</head>
</body>

kira-kira bisa dimengerti ya..
Demikian tutorial membuat HTML dasar untuk pemula dari saya. Untuk selanjutnya, teman-teman bisa lihat di postingan saya yang lain, tag apa saja sih yang umumnya dipakai untuk mengisi tag <body> dalam HTML. 

stay tuned! 






Komentar

Posting Komentar

Postingan populer dari blog ini

Perbedaan CMYK, RGB, Spesial Warna atau Special Color

Gambar
Kali ini saya ingin berbagi pengetahuan untuk teman-teman yang ingin tahu apa sih perbedaan CMYK, RGB, dan Spesial Warna atau Special Color ? standar warna Sebenarnya kategori warna tersebut adalah format yang fungsi dasarnya adalah untuk pewarnaan dari monitor untuk pengaplikasian pada media/dimensi. Jadi intinya CMYK, RGB, Special Warna adalah nama format! Format CMYK : Adalah gabungan warna Cyan, Magenta, Yellow, Black (K~diartikan sebagai warna yang mewakili warna HITAM). Biasanya ini dipakai di percetakan umum yang biasa kita temui misalnya cetak kartu nama, banner outdoor, poster, kalender, cetak sampul dll. Biasanya format ini umumnya dipakai pada printer rumahan, mesin cetak digital dan mesin cetak offset. Format warna CMYK adalah penggabungan untuk menciptakan berbagai warna apa saja. Nah, format ini yang biasa dipakai untuk jadi acuan mewakili warna pada monitor dengan hasil warna cetak nantinya. Jadi jangan lupa ya untuk yang desainer grafis pemula agar...
Terus membaca

Membuat Stroke Keren dari Adobe Illustrator CS6

Gambar
Hallo apa kabar? Berikut ini adalah cara mudah untuk membuat stroke keren dari Adobe Illustrator CS6. Oke langsung aja, ga usah basa basi, kita mulai yah. 1. Pertama buat file kerja. Kita buat dokumen baru, ukuran sesuai keperluan aja. Arahkan mouse ke menu bar  File-New  (ctrl+N)   , kemudian akan keluar tabel seperti gambar ini : ikutin valuenya sesuai yang ada dikolom. 2. Setelah dokumen baru sudah muncul, kemudian klik mouse pada  Type Tools ,   lalu ketik “STROKE KEREN” pada kanvas menggunakan font  Myriad Pro  dikombinasikan  font-style   Bold dan Regular (sesuai kenginan aja). Jadinya seperti ini : 3. Kemudian ubah struktur huruf menjadi outline, caranya arahkan mouse pada “STROKE KEREN” kemudian klik kanan. Gambarnya seperti ini : 4. Setelah create outlines , jadinya akan seperti ini : 5. Kemudian klik  Object    pada menu bar,  Object-Path-Offset Path ,...
Terus membaca

Belajar Membuat Konten Kolom dari HTML Untuk Pemula Tanpa CSS Part 1

Gambar
Kali ini saya akan memberikan turorial Cara Membuat Konten Kolom Dari HTML Untuk Pemula Tanpa CSS Part1. Pertama-tama   buka text editor notepad++ kemudian save file ke dalam format .html . Setelah sudah disimpan kedalam .html  maka kita mulai membuat strukturnya. Oke kita langsung aja memulai. Langkah pertama adalah buat struktur HTML nya lebih dulu : 1. Langkah pertama kita buat struktur tag wajibnya dulu : 2. Kemudian kita isi struktur tag HTML seperti ini : *Fungsi &nbsp adalah sebagai spasi pada setiap kata dalam HTML * Tag <hr/> adalah garis horizontal kecil memanjang dalam HTML   3. Kemudian jika dipreview pada browser kalian, maka jadinya akan seperti ini : 4. Setelah sudah, langkah berikutnya kita tambahkan  tag <style>  di dalam tag <head> , kemudian isi tag <style> seperti gambar dibawah ini : 5. Dan kemudian secara ajaib sudah jadi de...
Terus membaca