Pada pertemuan 1 kami belajar tentang membuat web
melalui HTML memakai aplikasi notepad agar pembangunan website gampang kita
gunakan . Di awal kami membahas tentang struktur HTML dan tahap-tahap dasar
nya.
Struktur-strukturnya
adalah:
<html>
<head> </head>
<body> </body>
</html>
Adapun
tahap-tahap yang sudah dipraktekkan adalah:
-Buka
aplikasi Notepad
-Buat ketiga
struktur HTML
- Fungsi
fungsi yang digunakan adalah:
<h1>
</h1>
: sebagai header
<title>
</title>
: membuat judul
<p>
</p>
: digunakan untuk membuat paragraf
<Hr>
: membuat garis
horizontal
< style=
"line-height:20px;"> : mengatur jarak spasi
<b>
</b>
: tulisan bold
<i>
</i>
: membuat
tulisan italic
<u>
</u>
: membuat tulisan underline
<sup>
</sup>
: superscript
<sub>
</sub>
: subscript
<strike>
</strike>
: mencoret
tulisan
<br>
: pengganti
enter
<pre>
: apa yg
ditulis begitu yang ditampilkan
<marquee
direction => :
untuk tulisan berjalan
arahnya
: right,down,up,left
<body
bgcolor="
">
: mengganti warna background
<img
src=>
: untuk menambahkan gambar
<img
src=twice.jpg width=50px> :untuk mengatur ukuran gambar
Langkah- langkah pembuatan web melalui HTML menggunakan Notepad
-Lalu setelah notepad nya terbuka ketiklah struktur HTML nya seperti berikut:
-Save ditempat yang anda inginkan , Jangan lupa mengganti “save as type All Files” dan nama file diakhiri dengan “.html” agar tersimpan dalam bentuk html bukan dalam .txt
-Untuk membuka hasilnya, klik 2 kali pada file yang ada simpan sebelumnya, atau bisa juga memilih dalam aplikasi apa akan dibuka seperti cara dibawah
-Buka kembali Notepad dan ketikkan apa yang dibutuhkan untuk ditampilkan ke dalam web Beginilah contoh koding programnya:
Dan beginilah hasilnya :
Terimakasih untuk kunjungan anda
Please like 💜, comment and share
Semoga Bermanfaat dan selamat mencoba 😊😊
