Di materi sebelumnya kita sudah mempelajari sekilas mengenai sejarah HTML sekarang kita akan mencoba membuat dokumen HTML sederhana yang dimana dokumen ini ketika dijalankan akan menampilkan teks "HELLO WORLD" kelayar.
sebelum itu kalian harus membuka code editor kalian. untuk mempelajari HTML kalian bisa menggunakan bawaan dari masing sistem operasi kalian seperti notepad untuk windows misalnya. atau kalian bisa download code editor eksternal melaluii internet misalnya sublime text, vscode dan notepad++.
baca juga: cara install sublime text 3
sekarang coba ketikan code berikut:
[code hl="1, 4, 7"]
<!DOCTYPE html>
<html>
<head>
<title>LATIHAN HTML</title>
<head>
<body>
<h1>
HELLO WORLD</h1>
</body>
</html>
[/code]
lalu simpan file tersebut dengan nama "contoh.html". dan ubah "save as type-nya" menjadi "All file" lalu klik "save".<!DOCTYPE html>
<html>
<head>
<title>LATIHAN HTML</title>
<head>
<body>
<h1>
HELLO WORLD</h1>
</body>
</html>
[/code]
lalu jalankan file tersebut dengan cara klik 2x pada file tersebut atau klik kanan dan klik open with google chrome (web browsernya tidak harus google chrome bisa mozilla fire fox atau web browser lannya).
maka seaharusnya web browser kalian akan menampilkan teks "HELLO WORLD" kelayar seperti berikut
selamat sekarang kalian sudah berhasil membuat sebuah website yang sangat-sangat sederhana.
sekian tutorial kali ini selanjutnya kita akan membahas mengenai Tag HTML!
Tidak ada komentar:
Posting Komentar