Belajar Membuat HTML Pendahuluan Bab 1 2

3

4

5

•

Homepage ini berisi materi yang akan membatu anda membuat HTML.

•

Mungkin kita akan bertanya apakah membuat homepage itu susah? Jawabannya sangat mudah sekali.

•

Hanya membutuhkan waktu kurang dari satu hari untuk belajar, HTML anda bisa dilihat diseluruh dunia.

•

Coba anda ikuti tahap demi tahap materi ini, anda akan memperoleh kemudahannya.

Pendahuluan Pendahuluan Bab 1 2

3

4

5

Apakah HTML itu? HTML singkatan dari Hyper Text Markup Language. HTML bukan suatu bahasa pemrograman tetapi sebuah bahasa dalam bentuk text yang dapat digunakan untuk menyusun tulisan, gambar, suara, film dan banyak lagi informasi yang bisa ditampilkan. Apa yang diperlukan untuk membuat HTML? Cukup dengan mengunakan Notepad untuk mengetik Text dan Internet Explorer untuk menampilkan halaman WEB kita. Kalau kita menginstall windows dua program ini sudah pasti tersedia. Anda juga dapat menggunakan program-program yang lain untuk membuat HTML seperti Front Page, Microsoft Word, Dos Edit, Mac SimpleText, Unix, dll. Bagaimana menjalankan HTML? Dengan cara mengetik di editor kemudian disimpan dalam file dengan akhiran html, misalnya coba.html Kemudian file yang berakhiran html tersebut dibuka di Internet Explorer, jadilah sudah program HTML kita. Bagaimana program HTML Online? Hubungkan program HTML kita dengan salah satu Internet Service Provider (ISP) yang kita kehendaki. Kita bisa menggunakan provider dari www.geocities.com dengan cara upload file atau dengan provider lainnya. Kalau sudah siap mari kita buka Bab 1

Membuat Halaman Pertama Pendahuluan Bab 1 2

3

4

5

Silahkan buka notepad anda. Ketik seperti dibawah ini: Ini halaman web saya yang pertama.

Setiap dokumen HTML harus diawali dengan tag dan diakhiri dengan tag dan digunakan sebagai informasi tentang dokumen kita. digunakan sebagai judul dari browser kita. dan digunakan sebagai isi dari halaman WEB kita. Sekarang kita simpan text yang telah kita ketik misalnya dengan nama hal1.html Sekali lagi jangan lupa akhiri nama file dengan .html Selanjutnya kita buka Internet Explorter: klik gambarnya, kemudian File->Open>Browse, cari file dengan nama hal1.html kemudian Open dan OK. Apa yang terjadi? Ternyata halaman WEB kita sudah bisa tampil sekarang, seperti dibawah ini.

Menambah Text dan Formatnya Pendahuluan Bab 1 2

3

4

5

Pada bab ini kita akan belajar membuat paragaf, heading, format text dan bentuknya. 1. Membuat Paragraf Silahkan ketik di notepad seperti dibawah ini: Ini baris pertama

Dan ini baris ke tiga
Kalau ini baris ke empat


Hasilnya silahkan di lihat disini.

artinya pindah paragraf atau pindah dua baris
artinya pindah baris 2. Membuat Heading Silahkan ketik diantara dan seperti dibawah ini:

Heading Pertama

Heading Kedua

Heading Ketiga

Heading Keempat

Heading Kelima

Heading Keenam

Hasilnya silahkan di lihat disini. Terlihat bahwa besarnya tulisan tiap heading berbeda-beda. 3. Format Text dan Bentuknya Silahkan ketik diantara dan seperti dibawah ini: <style type="text/css"> body {font-family:"Arial";font-size:"12pt";color:blue} Ini halaman web saya Hasilnya silahkan di lihat disini. <style> dan adalah bentuk, ukuran dan warna text. dan adalah text yang ditebalkan. dan adalah text yang dimiringkan. dan adalah text yang digaris bawahi.

Membuat Tabel Pendahuluan Bab 1 2

3

4

5

Tabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, pada bab ini kita akan belajar bagaimana membuat tabel. 1. Membuat Tabel Sederhana Silahkan ketik diantara dan seperti dibawah ini:

Kolom 1	Kolom 2
Baris 2	Baris 2
Baris 3	Baris 3

Hasilnya silahkan di lihat disini. definisi baris horisontal definisi data sel dalam satu baris definisi data sel pada judul tabel 2. Membuat Tabel Dengan Formatnya Silahkan ketik diantara dan seperti dibawah ini: <style type="text/css"> th {font-family:"Arial";font-size:"12pt";color:red}

td {font-family:"Tahoma";font-size:"12pt";color:blue} Silahkan ketik diantara dan seperti dibawah ini:

Kolom 1	Kolom 2
Baris 2	Baris 2
Baris 3	Baris 3

Hasilnya silahkan di lihat disini. 3. Membuat Tabel Lanjutan Silahkan ketik diantara dan seperti dibawah ini: <style type="text/css"> th {font-family:"Arial";font-size:"12pt";color:red} td {font-family:"Tahoma";font-size:"12pt";color:blue} Silahkan ketik diantara dan seperti dibawah ini:

Kombinasi kolom 1 dan kolom 2.
Baris 2	Kombinasi baris 2 dan baris 3.
Baris 3

Hasilnya silahkan di lihat disini.

Menghubungkan Text dan Dokumen Pendahuluan Bab 1 2

3

4

5

Pada bab ini kita akan membahas cara menghubungkan text atau web dokumen yang kita buat ke lokasi tertentu atau sering disebut dengan Hyperlinks. Kita dapat menghubungkan text kita dengan file dan email lainnya, bisa juga kita hubungkan dalam halaman yang sama ataupun halaman yang berbeda. 1. Menghubungkan Text kita dengan file lain dan email lain Silahkan ketik diantara dan seperti dibawah ini: Silahkan klik disini untuk membuka halaman pertama.
Silahkan klik disini untuk membuka web belajar HTML.
Silahkan klik disini untuk mengirim email ke Sigit.
Hasilnya silahkan di lihat disini. 2. Menghubungkan Text Pada Halaman Yang Sama Silahkan ketik diantara dan seperti dibawah ini:

Klik tulisan bergaris untuk membaca text secara penuh

Paragraf Satu
Paragraf Dua

Membaca Artikel Penuh>/h1>

Paragraf Satu

Ini tulisan pertama.

Ini tulisan kedua.

Ini tulisan ketiga.

Ini tulisan keempat.

Ini tulisan kelima.

Ini tulisan keenam.

Ini tulisan ketujuh.

Paragraf Dua

Ini tulisan pertama.

Ini tulisan kedua.

Ini tulisan ketiga.

Ini tulisan keempat.

Ini tulisan kelima.

Ini tulisan keenam.

Ini tulisan ketujuh.

Hasilnya silahkan di lihat disini. 3. Menghubungkan Text Pada Halaman Lain Silahkan ketik diantara dan seperti dibawah ini:

Klik tulisan bergaris untuk membaca text secara penuh

Paragraf Satu
Paragraf Dua
Hasilnya silahkan di lihat disini.