Tutorial HTML


Tutorial HTML


HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.  HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang  berformat HTML dari web server ke browser (Internet Explorer, FireFox, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.
Untuk membuat halaman HTML cukup memerlukan notepad yang telah disediakan oleh windows. Namun sekarang telah banyak software untuk mengolah halaman web. Tidak hanya HTML. Tetapi juga mendukung PHP, JavaScript, ASP, dll.Tidak usah banyak basa-basi, sekarang kita mulai saja membuat HTML awal
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan (terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:

<html>
<head>
<title>Judul Form/Caption</title>
</head>
<body>
isi konten web
</body>
</html>


Keterangan:
<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. <head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tagtag : TITLE, BASE, ISINDEX,LINK, SCRIPT, STYLE & META.
<title> .. </title>
Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
<body> .. </body>
Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti : bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

Sekarang untuk latihan pertama kita, mari kita buat dokumen HTML
sederhana. Ikuti langkahlangkah
berikut ini:

1. Buat direktori dengan nama latihan di drive C:. Dan selanjutnya dalam
direktori ini kita akan menyimpan semua filefile
latihan kita.
2. Buka Browser, misalnya Internet Explorer atau Mozilla FireFox.
3. Buka program aplikasi teks editor misalnya dalam latihan ini adalah
Notepad.
4. Mulai baris paling atas, tuliskan:
1
2
3
4
5
6
7
8
<html>
<head>
<title>halaman pembuka</title><BR>
</head>
<body>
proyek latihan pertama saya
</body>
</html>


5. Simpan file anda dengan cara klik menu File Save:
6. Selanjutnya pilih direktori latihan yang tadi kita buat.
7. Pada box File name, isikan nama filenya dengan index.html
8. Pada drop down list di Save as type, pilih All Files.
9. Simpan proyek anda dengan mengklik tombol Save.

Test hasil kerja.
1. Buka folder tempat file HTML disimpan
2. terdapat nama file HTML yang telah anda buat
3. klik dua kali file tersebut.
4. Akhirnya aku bisa juga buat HTML pertamaku.

Selamat Mencoba - SMK Bisa !

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat CV yang menarik di mata HRD

Kali ini saya ingin berbagi tentang cara membuat CV yang menarik di mata HR atau recuitment. Tips dan trik ini saya dapatkan dari acara meetup dengan narasumber yang sudah pakar dalam dunia HR. Ada perbedaan tips dan trik antara CV pelamar yang masih fresh graduate dengan yang sudah memiliki pengalaman kerja. CV yang dikatan efektif Syarat utama yang harus dimiliki kedua jenis CV tersebut, yaitu 1.        Maksimal 2 lembar. 2.        Ukuran file maksimal 1MB. 3.        Hanya informasi yagn relevan. 4.        Berformat pdf. Selain itu beliau juga menyarankan menggunakan font Cambria dengan ukuran minimal 11px. CV untuk Fresh graduate, berikut skemanya.    CV untuk yang sudah memiliki pengalaman, berikut skemanya.
Baca selengkapnya