Salam coding para siswacoding.........Kembali lagi bersama
gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini gurucoding
akan membagikan kembali sedikit ilmu yang berkaitan dengan Struktur Dasar Web Page. Mungkin ini adalah artikel sederhana akan tetapi semoga siswacoding akan paham dengan penjelasan gurucoding.
File-file HTML dapat ditampilkan sesuai dengan keinginan siswacoding
karena terdapat marker yang diimplementasikan dalam bentuk tag-tag HTML. Secara
umum format tag HTML tersebut dapat dituliskan sebagai berikut:
Sebagai contoh kalau siswacoding akan membuat tulisan dalam
format tebal maka yang harus siswacoding tuliskan dalam file HTML adalah:
Tanda slash (/) menunjukkan akhir dari suatu tag, akan tetapi
ada juga beberapa tag HTML yang tidak memerlukan pasangan akhirannya ini.
Tag yang paling dasar yang digunakan dalam file HTML adalah
<html> dan </html >. Kedua tag ini berfungsi untuk mendefinisikan
bahwa teks yang terdapat di antara kedua tag tersebut adalah dalam format HTML.
Untuk mendefinisikan head,
kita dapat menambahkan tag <head > dan </head >
setelah penggunaan tag <html> sedemikian hingga
struktur page menjadi :
Sedangkan bagian body adalah tempat dimana siswacoding dapat
menempatkan teks dan berbagai aksesori pendukung lainnya yang akan ditampilkan
pada web page. Bagian ini dapat didefinisikan dengan meletakkan tag <body>
dan </body> di antara teks yang akan siswacoding tampilkan. Kedua tag ini
diletakkan sesudah tag </head >, sehingga struktur dasar sebuah page
dapat dituliskan sebagai :
Untuk mendefinisikan judul page (title) maka siswacoding dapat
melakukannya dengan meletakkan naskah judul di antara tag <title > dan
</title>. Judul ini akan
ditampilkan pada title bar web brower Misalkan kita akan membuat sebuah page
dengan judul "Latihan Title" maka siswacoding harus menambahkan:
Perhatikan bahwa tag <title > dan </title> ini
harus diletakkan pada bagian head, sehingga dokumen HTML dasar siswacoding
menjadi:
Pada file HTML, karakter carriage returns (Enter) diabaikan,
sehingga untuk membuat atau mendefinisikan naskah dalam bentuk paragraf harus
ditambahkan tag khusus yakni <P>. Sebagai contoh siswacoding dapat
menampilkan beberapa paragraf sekaligus dalam satu dokumen HTML.
Mungkin cukup itu saja yang dapat gurucoding bagikan kepada
siswacoding mengenai pembelajaran web programming kali ini ...untuk selanjutnya
silahkan menunggu update materi berikutnya.
0 Komentar