Anda di halaman 1dari 21

PRAKTEK DASAR

HTML
WEB PROGRAMMING FUNDAMENTAL
Struktur Dasar HTML
PRAKTEK MEMBUAT
DOKUMEN HTML
• BUKA APLIKASI TEXT EDITOR
• BOLEH NOTEPAD, NOTEPAD++, SUBLIME TEXT ATAU VS
CODE
• JIKA BELUM ADA SILAHKAN DOWNLOAD TEKS EDITOR
TERSEBUT
• TEXT EDITOR NOTEPAD SUDAH OTOMATIS TERINSTAL DI
WINDOWS
CONTOH
TEXT EDITOR
NOTEPAD
CONTOH
TEXT EDITOR
NOTEPAD++
CONTOH
TEXT EDITOR
VS CODE
CONTOH
TEXT EDITOR
SUBLIME
Simpan file html tersebut dengan nama:
praktekhtml01.html
Buka Text
Editor (misal
Notepad)
Masukkan
<!DOCTYPE html>
script html <html lang="en">
dasar ini <head>

ke dalam text <title>Praktek HTML #01</title>


</head>
editor <body>
<p>"Pemrograman Dasar Web"</p>
</body>
</html>
Simpan file tersebut dengan nama
“praktekhtml001.html”
Pastikan Filename Extension dicheklist
Untuk penamaan setiap file HTML harus berekstensi .html,
.xhtml (untuk XHTML), dan .htm saja. Jika tidak
menggunakan ekstensi ini, maka ia tidak akan bisa dibaca
Penamaan file oleh web browser.

HTML Contoh nama filenya adalah hello-world.txt. File ini bukan


file HTML, melainkan sebuah file teks biasa. Maka, ketika kita
membuka file tersebut dengan browser, maka browser akan
menampilkan isi file tersebut apa adanya.
File
helloworld.txt
Membuka file
helloworld.txt
dengan browser
• Penamaan file halaman untuk homepage, maka sebaiknya
gunakan nama index.html. Karena file tersebut akan
otomatis dibuka saat website dikunjungi menggunakan
Penamaan File browser.

HTML • Contohnya, saat membuka www.unimed.ac.id. maka file


HTML yang akan dibuka adalah index.html atau index.php
yang berada di server universitas negeri medan.
File
praktekhtml01.html
Membuka file
praktekhtml01.html
dengan browser
Buka Text Editor (Misal Notepad)

Buatlah sebuah file HTML dengan format nama file

Tugas adalah NIM_Nama.html (huruf kecil semua)

Mandiri 4 Ketik script html sesuai dengan format tag html yang
telah dipelajari, ubah nama dan NIM sesuai dengan
nama dan NIM anda masing-masing, pastikan hasil
tampilan pada browser seperti pada halaman 20 berikut

Kirim file html yang telah dibuat dan berhasil


tampilannya ke email Ihwani@unimed.ac.id paling
lambat minggu depan tanggal 03 Nopember 2022 pukul
23:59 WIB
Tugas Hasil Tampilan script html pada browser
Terima Kasih

Anda mungkin juga menyukai