Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Tutorial Merancang Template Website Sederhana


Untuk membuat template website ini ada beberapa hal yang harus disiapkan.
Pertama
Tentukan folder tempat menyimpan rancangan, gambar yang kan digunakan.
Kedua
Untuk membuat HTML dan CSS, kita bisa gunakan teks editor seperti Notepad, Notepad++ yang lebih mudah digunakan, CoffeeCup dan lain-lain untuk pengguna Windows. Kalau seperti saya pengguna ubuntu bisa menggunakan Gedit, Bluefish dan lain-lain.

Oke. Langsung lanjut aja ya!
Pertama kita buat dulu rancangan HTML-nya. Ketikkan kode HTML seperti di bawah ini :





HTML Next Level | Span dan Div

Jika p digunakan untuk membuat paragraf, h1 untuk header, tag span dan div tidak berarti apa-apa.
Tapi kedua tag ini juga memiliki kegunaan yang akan sangat membantu yaitu untuk mengelompokkan suatu tag. Lalu kelompok ini dapat dipanggil/digunakan di CSS. jadi singkat kata, tag div dan span digunakan di CSS.
Perbedaan antara kedua tag ini yaitu, span biasa digunakan untuk bagian kecil html.
Biasanya tag span digunakan didalam paragraf. Sedangkan tag div(division) biasa digunakan untuk bagian yang lebih.
Contoh penggunaanya :

<div id="divisi">
    <p>This is <span class="paper">Next level</span></p>
</div>

Setelah anda coba, tentu yang tampilan adalah teks biasa.
Biar lebih jelas, ini contoh penggunaan div dan span pada HTML dan CSS.

Tutorial HTML Dasar Bag. 2

Percobaan kita :

<!DOCTYPE html>

<html>
<head>
    <title>Percobaan</title>
   <style type="text/css">
table,tr,td {
border-style: solid;
border-width: 1px;
}
   </style>
</head>
<body>

<h1>Halaman Web</h1>

Ebook HTML, CSS dan Javascript

Untuk belajar mambuat website kita harus mendalami 3 dasar pembuatan website.
Yang pertama HTML yang mengatur isi dari halaman web yang kita buat, lalu yang kedua CSS, untuk mengatur tampilan halaman web yang kita buat seperti mengatur warna backround, warna text dan lain-lain. Yang ketiga adalah Javascript yang mengatur agar websaite lebih dinamis dan menarik.
Ini ebook untuk yang mau belajar mendesain website.
Silahkan disedot dan semoga membantu.
HTML and CSS Complete Reference
HTML dan CSS dari Akar Sampai Daun
Sams Teach Yourself

Membuat Menu Drop Down

Menu drop down merupakan salah satu navigasi website yang digemari. Selain membuat pengunjung lebih mudah untuk menjelajah di suatu website, juga membuat tampilan website lebih menarik.
Berikut adalah contoh pembuatan menu drop down.

Kode HTML-nya :
<nav>
 <ul>

Hai :)




Kategori