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




belajar html dasar untuk pemula


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 deeeh Cara Membuat Konten Kolom Dari HTML Untuk Pemula Tanpa CSS, gampang kan??! 




6. Demikian Tutorial Cara Membuat Konten Kolom Dari HTML Untuk Pemula Tanpa CSS. Semoga membantu.

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

Tutorial Belajar HTML Dasar Untuk Pemula

Gambar
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 : 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 HT
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 ,  maka akan muncul tabel seperti ini : isi value sesuai pada gambar diatas 6. Kemudi
Terus membaca