Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Dasar HTML

Membuat Judul (Heading) <h…>

Judul HTML didefinisikan dengan tag mulai dari <h1> sampai <h6>
Contoh :
Kode :

<h1>Judul</h1>
<h2>Judul</h2> 
<h3>Judul</h3>
<h4>Judul</h4>
<h5>Judul</h5>
<h6>Judul</h6>
Hasil :

Judul

Judul

Judul

Judul

Judul
Judul

Gunakan tag <h…> hanya untuk judul saja. Jangan gunakan tag ini untuk membuat teks BESAR atau tebal. Mesin pencari menggunakan tag ini untuk menunjukkan struktur dokumen. h1 judul harus digunakan sebagai judul utama, diikuti oleh h2 judul, maka judul h3 kurang penting, dan seterusnya.
Menulis Paragraf dan Pindah Baris
Paragraf HTML didefinisikan dengan tag awal <p> dan tag akhir </p> sedangkan untuk memindah baris digunakan tag <br>

Contoh :
Kode :
paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama

paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua

Hasil :
paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama paragraf pertama

paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua paragraf kedua


Link dan Attribut
Link HTML digunakan untuk berpindah ke halaman tertentu. Link didefinisikan dengan tag awal dan tag akhir . Sedangkan untuk menentukan alamat tujuan digunakan attribut href dan nilai attribut href adalah "www.tuweb.com" Nilai attribut selalu diawal dan diakhiri dengan tanda quote ("")
Contoh :
Kode :
Klik di sini
Hasil :
Klik di sini

Menampilkan Gambar
Untuk menampilkan gambar digunakan tag . Sedangkan untuk menentukan nama file dan ukuran gambar digunakan attribute src, width dan height.
Contoh :
Kode :

Hasil :


“Perhatikan letak file gambar, bila tidak terletak pada folder yang sama, maka atribut src harus didefinisikan secara detail. Untuk memudahkan Latihan ini letakkan terlebih dahulu file gambar yang akan ditampilkan pada folder yang sama dengan file html”

Cobahlah ! ini mudah ...

Webku yang pertama

Judul

Paragraf Pertama
Klik disini
Labels: ,

Pengantar HTML

Pengertian HTML

HTML (Hyper Text Markup Language) adalah markup yang digunakan untuk membuat sebuah halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Penulisan file HTML dapat dilakukan dengan menggunakan sembarang editor misalnya Notepad++ atau Dreamweaver. Hal ini dikarenakan file HTML merupakan teks murni (ASCII) yang tidak membutuhkan interpreter tersendiri.
Pada saat ini cukup banyak program-program instan untuk membuat halaman web tanpa harus mengetahui tentang HTML. Program-program tersebut mampu menuliskan kode-kode HTML secara otomatis sesuai disain yang dibuat. Namun demikian pengetahuan tentang HTML merupakan modal dasar untuk mempelajari pemrograman berbasis web.
Web Browser
Web browser adalah program yang digunakan untuk menampilkan isi (elemen) dari file HTML. Browser tidak menampilkan tag HTML, tetapi menggunakan tag tersebut untuk menentukan bagaimana isi dari file HTML ditampilkan kepada pengguna. Ada banyak browser saat ini, diantaranya yang paling populer adalah Chrome dan Mozila Fire Fox.
Struktur HTML
Struktur file HTML secara lengkap dapat dilihat pada ilustrasi dibawah ini :
Contoh :
<!doctype html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Webku</title>
</head>
<body>
     <h1>Webku Yang Pertama</h1>
</body>
</html> 
</code></pre>

Tag dan Elemen HTML

Tag dan Elemen HTML sering digunakan secara bersama-sama, tetapi tegasnya sebuah elemen adalah segala sesuatu yang terletak di antara tag awal dan tag akhir. Sedangkan tag sendiri adalah sebuah kata kunci yang memiliki kegunaan tersendiri misalnya tag untuk membuat baris judul akan ditulis <h1> sebagai tag awal dan </h1> sebagai tag akhir. Contoh penulisan :
<h1>Judul</h1>

Versi HTML

Versi Tahun
HTML 1991
HTML + 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
xHTML 2000
HTML5 2012

Deklarasi HTML

Deklarasi membantu browser untuk menampilkan halaman web dengan benar. Ada banyak dokumen yang berbeda di web, dan browser hanya dapat menampilkan halaman HTML 100% benar jika ia tahu jenis HTML dan versi yang digunakan. Deklarasi yang umum digunakan adalah sebagai berikut :

HTML5
<!DOCTYPE html>

HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Untuk daftar lengkap jenis dokumen deklarasi, kami pergi ke Referensi DOCTYPE .
Labels: ,
Subscribe to: Posts (Atom)