Materi Awal Isi Halaman WEB SMK , Materi sebelumnya KLIK DISINI
memiliki fungsi untuk memformat dokumen teks biasa agar bisa
digunakan pada World Wide Web (WWW). HTML bukan merupakan suatu
bahasa pemrograman, karena sifatnya yang hanya memberikan tanda
(marking up) pada suatu dokumen teks dan bukan sebagai program.
Pada awalnya HTML dikembangkan sebagai subset SGML
(Standart Generalized Mark-Up Language). Karena HTML didedikasikan
untuk ditransmisikan melalui media internet, maka HTML relatif lebih
sederhana daripada SGML yang lebih ditekankan pada format dokumen
yang berorientasi pada aplikasi.
File-file HTML merupakan dokumen teks yang diformat menggunakan HTML,
maka untuk melakukan penulisan maupun editing dokumen HTML dapat
menggunakan berbagai macam editor, dalam hal ini digunakan Notepad.
Struktur dasar dokumen HTML berisi elemen-elemen atau tag,
seperti pada gambar berikut :
Keterangan :
a) <html> </html> : mendefinisikan bahwa teks yang berada diantara
kedua tag tersebut adalah file HTML.
b) <head> </head> : mendefinisikan head dalam sebuah file HTML.
c) <title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser.
d) <body> </body> : mendefinisikan teks beserta formatnya yang hendak
ditampilkan sebagai isi halaman web.
2. Format Teks Dasar dalam HTML
a) Heading, HTML mengenal 6 level heading, mulai 1 (terbesar) sampai
6. Heading ditampilkan dengan font lebih besar dan tebal daripada teks normal.
<h1>heading level 1</h1>, <h2>heading level 2</h2>dst.
b) Paragraf, setiap ada paragraf baru diawali dengan <p>
<p>paragraf satu</p>, dst.
c) List, HTML mendukung daftar (list) tidak bernomor, bernomor dan definisi.
• Tidak bernomor (unordered list) :
<ul>
<li>satu
<li>dua
<li>tiga
</ul>
• Bernomor (ordered list) :
<ol>
<li>satu
<li>dua
<li>tiga
</ol>
• Definisi (definition list) :
<dl>
<dt>
<dd>
<dt>
<dd>
</dl>
d) Performatted Text, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki
pengaruh. Agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>.
<pre>
Nama : Saya
Tanggal : Lahir
</pre>
e) Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam,
digunakan tag <blockquote>.
<p>paragraf satu</p>
<blockquote>
<p>paragraf masuk ke dalam</p>
</blockquote>
- HTML
memiliki fungsi untuk memformat dokumen teks biasa agar bisa
digunakan pada World Wide Web (WWW). HTML bukan merupakan suatu
bahasa pemrograman, karena sifatnya yang hanya memberikan tanda
(marking up) pada suatu dokumen teks dan bukan sebagai program.
Pada awalnya HTML dikembangkan sebagai subset SGML
(Standart Generalized Mark-Up Language). Karena HTML didedikasikan
untuk ditransmisikan melalui media internet, maka HTML relatif lebih
sederhana daripada SGML yang lebih ditekankan pada format dokumen
yang berorientasi pada aplikasi.
File-file HTML merupakan dokumen teks yang diformat menggunakan HTML,
maka untuk melakukan penulisan maupun editing dokumen HTML dapat
menggunakan berbagai macam editor, dalam hal ini digunakan Notepad.
Struktur dasar dokumen HTML berisi elemen-elemen atau tag,
seperti pada gambar berikut :
Keterangan :
a) <html> </html> : mendefinisikan bahwa teks yang berada diantara
kedua tag tersebut adalah file HTML.
b) <head> </head> : mendefinisikan head dalam sebuah file HTML.
c) <title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser.
d) <body> </body> : mendefinisikan teks beserta formatnya yang hendak
ditampilkan sebagai isi halaman web.
2. Format Teks Dasar dalam HTML
a) Heading, HTML mengenal 6 level heading, mulai 1 (terbesar) sampai
6. Heading ditampilkan dengan font lebih besar dan tebal daripada teks normal.
<h1>heading level 1</h1>, <h2>heading level 2</h2>dst.
b) Paragraf, setiap ada paragraf baru diawali dengan <p>
<p>paragraf satu</p>, dst.
c) List, HTML mendukung daftar (list) tidak bernomor, bernomor dan definisi.
• Tidak bernomor (unordered list) :
<ul>
<li>satu
<li>dua
<li>tiga
</ul>
• Bernomor (ordered list) :
<ol>
<li>satu
<li>dua
<li>tiga
</ol>
• Definisi (definition list) :
<dl>
<dt>
<dd>
<dt>
<dd>
</dl>
d) Performatted Text, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki
pengaruh. Agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>.
<pre>
Nama : Saya
Tanggal : Lahir
</pre>
e) Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam,
digunakan tag <blockquote>.
<p>paragraf satu</p>
<blockquote>
<p>paragraf masuk ke dalam</p>
</blockquote>
Comments
Post a Comment