1. Mahasiswa dapat memahami dan mengenai perintah – perintah dasar HTML 2. Mahasiswa dapat membuat beberapa halaman website sederhana
1.2 Materi : 1. Elemen atau Tag – tag Dasar HTML 2. Atribut Tag HTML 3. Value Atribut HTML 1.3 Teori HTML (HyperText Markup Language) merupakan bahasa pemrograman web dasar yang digunakan untuk membuat halaman situs secara sederhana. Untuk belajar HTML dasar sebaiknya anda menggunakan Notepad atau text editor yang bisa mengasah pemahaman anda. Dalam penamaan dokumen HTML tidak ada aturan bakunya, file dokumen yang mempunyai ekstensi .htm atau .html maka dianggap file dokumen HTML. •
Contoh : latih.htm = latih.html
Struktur Dasar HTML/ Kerangka HTML Judul halaman Informasi yang akan ditampilkan pada web browser harus ditulis dalam bagian ini Pengunaan Element/Tag Dan Atributnya Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan diakhiri dengan tag HTML mempunyai peraturan sebagai berikut : Tag HTML diapit dengan dua karakter kurung sudut ( < dan > ) Tag HTML secara normal selalu berpasangan misal (...) , tetapi juga ada tag yang tidak berpasangan Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua merupakan tag akhir. Jika dalam suatu tag terdapat tag lain, maka penulisan tag akhir tidak boleh bersilang dan harus berurutan. (tag berarang)
Contoh penulisannya : ..Tebal dan Miring.. Tag HTML tidak case sensitive. Ini artinya sama dengan Atribut tag harus ditulis di dalam tag bersangkutan Contoh : < body bgColor= “#fffeee” alink=“#cccccc”> Kerangka : TAG DASAR HTML 1. TAG HTML Merupakan tag dasar yang mendifinisikan bahwa dokumen tersebut adalah dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html. Penulisan tag seperti berikut ini : pada awal dokumen dan pada akhir dokumen 2. TAG HEAD Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head kecuali judul dokumen – tidak akan terlihat oleh pembaca dokumen tersebut. Penulisan tag seperti berikut ini : di awal section head.
setelah
dan
di
akhir
Elemen-elemen pada bagian head akan mengerjakan tugastugas sebagai berikut : • Menyediakan judul dokumen • Menjembatani hubungan antar dokumen • Memberitahu browser untuk membuat form pencarian • Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : • Tag , digunakan untuk memberi dokumen. Penggunaannya adalah sebagai berikut :<br />
<br />
judul<br />
<br />
<title>Judul Dokumen 3. TAG BODY : Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian BODY diawali oleh tag dan ditutup.
Tag Heading Tag heading berfungsi untuk memformat heading (judul dan sub judul), n adalah bilangan 1 s.d 6, dimana
jenis yang memiliki ukuran paling besar Atribut tag Paragrap : Align = [ left | center | right] Tag Paragraf
Berfungsi pengaturan antara paragrap dalam halaman web, tag untuk membuat paragraph yaitu
dan di akhiri dengan tag
Atribut tag Paragrap : Align = [ left | center | right | justify] Tag Break Berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web. Tag Horisontal Rules Berfungsi untuk menampilkan garis horisontal di dalam halaman web. Atribut elemen horisontal rule : Align = [ left | center | right ] (Horizontal aligment, default center) Size = pixels (line height, default 2) Width = length ( line width, pixed or percentage, default 100%) Noshade = solid line Tag Pemformatan Karakter Font pada halaman HTML dapat diformat sesuai dengan desain yang ditentukan, baik ukuran, jenis maupun warna.
Tag Ragam Karakter bolditalicunderline Tag Audio Sebelum ada HTML5, file audio pada website hanya bisa dimainkan di browser dengan plug-in (seperti flash). Eleman
