html

video tutorial web

Video Tutorial Web Design Pariwisata Jawa Timur

Video tutorial ini q buat sebagai dokumentasi skul dari hasil lomba web design tingkat jawa timur di smkn 2 kediri tgl 13-15 maret 2009, silahkan di download list di bawah ini, semoga bermanfaat. Password: eliastutik

Opening
Create Database
Manage Site
Config
Admin 1
CSS Style
Form Home
Proses Input
Result Table
Background Table
Proses Delete
Proses Edit
Admin 2
Booking Penerbangan
Caution Form
Form Login
Proses Login & Logout
Photoshop
Design Tombol
Design Banner bagian 1
Design Banner bagian 2
Design Banner bagian 3
Design Banner bagian 4
Design Menu
Design Counter
Design Page Background Bawah
Design Page Background Result
Design Page Background Index
Design Panah
Banner Home
Animasi Tombol
Effect Sound
Tanggal & Waktu di Flash
Banner Pariwisata
Import Video
Page Index
Counter
Link Menu
Inner Join
Booking Penerbangan & Hotel
Jangan lupa password untuk mendownload nya adalah eliastutik

Semoga Bermanfaat, amin
eli astutik

preformatted text

Membuat Preformatted Text di HTML
Preformatted Text

Preformatted Text <pre> digunakan untuk menampilkan teks sama seperti yang Anda ketikan dalam dokumen HTML

Contoh: pre.htm
<html>
<head>
<title>Belajar Preformatted Text</title>
</head>
<body>
<pre>
w w w . i l m u website . c o m
-------------------------------------------------------------------
tulisan di atas menggunakan jenis font SimSun dan menggunakan spasi
-------------------------------------------------------------------
</pre>
</body>
</html>

eli astutik di

blockquote

Membuat Blockquote di HTML
Blockquote

Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Pada saat di browser, teks akan tampil menjorok ke dalam.

Contoh: blockquote.htm
<html>
<head>
<title>Belajar Blockquote</title>
</head>
<body>
<h3>Pengertian Blockquote</h3>
<blockquote>Blockquote adalah elemen yang berfungsi untuk menampilkan teks dengan menjorok ke dalam.</blockquote>
</body>
</html>

blockquote

comment tag

Contoh: komentar.htm
<html>
<body>
<h1>Judul Pertama</h1>
<p>Paragraf Pertama</p>
</body>
</html>

Tag 

Tag Komentar (Comment) adalah bagian dari kode yang tidak dieksekusi/dijalankan dan komentar tidak ditampilkan dalam browser. Komentar dapat dimasukkan/disisipkan kedalam kode HTML. Komentar dibuat untuk memperjelas atau memberi keterangan pada kode HTML.

Tips – Bagaimana cara melihat source code dari HTML

Pernakah Anda melihat suatu halaman web dan heran. “Hai! Bagaimana cara membuat seperti itu?”

Untuk menemukannya, pada aplikasi browser (Mozilla Firefox, Opera, Internet Explore) klik menu View klik Source atau Page Source atau klik kanan View Page Source
eli astutik diakses minggu, 15 maret 2015

deklarasi doctype

Deklarasi Doctype
Contoh: jenis_dokumen.htm
Dokumen HTML dengan doctype versi XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>doctype versi XHTML 1.0 Transitional</title>
</head>
<body>
Isi dokumen
</body>
</html>

Deklarasi <!DOCTYPE>

Deklarasi <!DOCTYPE> harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag <html>.
Deklarasi <!DOCTYPE> bukanlah tag HTML melainkan intruksi untuk web browser mengetahui jenis versi halaman HTML yang sedang digunakan.
Deklarasi <!DOCTYPE> mengacu pada Document Type Definition (DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.

Doctype tersedia dalam rekomendasi W3C

HTML 4.01 Strict

DTD ini berisi semua elemen dan atribut HTML, tetapi tidak termasuk presentasional elemen font. Fremeset tidak diperbolehkan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

DTD ini berisi semua elemen dan atribut HTML, termasuk presentasional elemen font. Frameset tidak diperbolehkan.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

DTD ini sama dengan DTD HTML 4.01 Transitional, namun memungkinkan penggunaan Frameset.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

DTD ini berisi semua elemen dan atribut HTML, tetapi tidak termasuk presentasional elemen font. Fremeset tidak diperbolehkan. Markup harus ditulis dengan format XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

DTD ini berisi semua elemen dan atribut HTML, termasuk presentasional elemen font. Fremeset tidak diperbolehkan. Markup harus ditulis dengan format XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

DTD ini sama dengan DTD XHTML 1.0 Transitional, namun memungkinkan penggunaan Frameset.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

DTD ini sama dengan DTD XHTML 1.0 Strict, tetapi memungkinkan Anda untuk menambahkan modul(misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
eli astutik diakses, minggu 15 maret 2015

Minggu, 15 Maret 2015

video tutorial web

preformatted text

blockquote

blockquote

blockquote

comment tag

deklarasi doctype