Berikut ayas sedikit mau share tentang dasar pemograman HTML yang berminat comment bro... Cekidot :::
HTML atau Hyper-Text 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.
Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa. Dalam
modul ini akan dipaparkan tentang dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah
perangkat lunak pemroses kata. Bisa menggunakan Notepad, WordPad, Open Office atau yang
lainnya. Tapi yang paling mudah adalah menggunakan Notepad. Setelah memahami betul semua
tag-tag dasar html, pada modul terakhir nanti akan diajarkan bagaimana membuat halaman web
dengan menggunakan web tool.
Struktur Dasar HTML
Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu
diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Struktur dasar
dokumen HTML berisi elemen-elemen atau tag sebagai berikut:
<html>
<head>
<title>Judul Website</title>
</head>
<body>
Isi Website
</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 tag-tag seperti TITLE, BASE,
INDEX, LINK, SCRIPT, STYLE & META.
<title> .. </title>
Sebagai titel atau judul halaman website. Kalimat yang terletak di dalam tag ini akan muncul pada
bagian paling atas browser (pada title bar/tab).
<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.
Latihan :
Sekarang untuk latihan pertama, buat dokumen HTML sederhana dengan mengikuti langkah-langkah
berikut ini:
1. Buat direktori dengan nama latihan di drive C:. Dan selanjutnya dalam direktori ini kita akan
menyimpan semua file-file latihan kita.
2. Buka program aplikasi teks editor misalnya dalam latihan ini adalah Notepad.
3. Ketikkan baris program HTML seperti di gambar.
4. Setelah selesai, simpan dengan nama Latihan 1.html
5. Setelah file Latihan 1.html tersimpan, buka direktori/folder tempat file Latihan 1.html disimpan,
kemudian buka dengan cara double klik file Latihan1.html
6. Maka akan muncul tampilan di web browser seperti gambar di bawah ini:
0 komentar:
Post a Comment