menengah, hingga jaringan utama yang menjadi backbound internet.
Cara agar dapat mengakses internet adalah dengan menggunakan Browser, yaitu software atau
perangkat lunak yang di gunakan untuk menampilkan halaman – halaman web (website) yang
berada di internet.
adalah WWW (world wide web). WWW bekerja berdasarkan 3 mekanisme, yaitu :
- Protokol
- Address
- HTML
Hyper Text Markup Language (HTML) adalah bahasa pengkodean yang di gunakan untuk
menghasilkan dokumen – dokumen hypertext untuk digunakan di WWW (world wide web) atau
menampilkan sebuah halaman dokumen web. HTML terlihat seperti bahasa pengkodean lama, yang
di awali dan di akhiri dengan command – command HTML dimana menunjukan bagaimana
keluarannya pada saat dijalankan pada sebuah web browser.
Yang membedakan dokumen HTML dengan dokumen – dokumen lainnya adalah adanya elemen
HTML yang di sebut juga dengan Command HTML dan biasa di sebut dengan TAG yang di gunakan
untuk menentukan tampilan dari dokumen HTML. Setiap dokumen HTML di awali dan di akhiri
dengan TAG HTML.
ELEMENT - nama TAG
ATTRIBUT - atribut dari TAG
VALUE - nilai dari atribut
Contoh :
<BODY BGCOLOR = “lavender”>
BODY merupakan elemen, sedangkan BGCOLOR merupakan atribut yang memiliki nilai lavender.
Contoh dokumen HTML sederhana :
<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
Halo Dunia
</body>
</html>
<head>
<title> Belajar HTML </title>
</head>
<body>
Halo Dunia
</body>
</html>
Penjelasan :
1. Perintah HTML digunakan sebagai awalan untuk suatu dokumen HTML.
2. Perintah HEAD digunakan untuk menunjukan bagian judul dokumen HTML.
3. Perintah TITLE digunakan untuk memberikan judul pada dokumen HTML.
4. Perintah BODY menunjukan bagian isi dari dokumen HTML tersebut.
Paragraf
Elemen <P>……….</P> digunakan untuk menandai sekumpulan teks sebagai suatu paragraf. Tag <P>
untuk awal paragraf dan tag </P> digunakan untuk mengakhiri paragraf. Tag paragraf memiliki
atribut yang dapat dipakai sebagai tambahan untuk pemformatan paragraf.
Atribut Value Keterangan
Align
Right = Rata Kanan
Center = Rata Tengah
Left = Rata Kiri
Justify = Rata Kiri/Kanan (merata)
Heading
Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML. Sekalipun sama-sama merupakan judul, tetapi heading berbeda dengan elemen <TITLE> yang hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page.
HTML menyediakan enam buah tingkat heading. Heading level 1 biasanya merupakan judul yang penting atau judul utama, sedangkan heading level berikutnya merupakan bagian atau sub judul dari judul utama.
Untuk menyatakan heading, digunakan tag <Hx> dimana x merupakan nomor level heading dari 1
sampai 6, sedangkan untuk mengakhirinya digunakan tag akhir </Hx>.
Atribut yang dapat ditambahkan pada elemen heading adalah <ALIGN> dimana memiliki nilai
sebagai berikut :
- Align = ”left”, untuk meratakan heading ke kiri
- Align = ”center”, untuk meratakan heading di tengah
- Align = ”right”, untuk meratakan heading ke kanan
<H1 ALIGN = ”center”> Heading di rata Tengah </H1>
Phisical Style
Physical style adalah suatu jenis format yang diberikan pada teks tanpa tergantung pada jenis dari elemen dasar teks tersebut. Elemen-elemen ini sudah sering kita pakai dalam program pengolah kata, seperti menebalkan atau membuat miring suatu teks. Adapun elemen-elemen fisik yang dapat diterapkan pada dokumen HTML adalah :
Elemen Fungsi
<B> ………….. </B> Untuk menebalkan teks
<I> …………… </I> Untuk membuat teks terlihat miring<U> ………….. </U> Untuk menggarisbawahi teks
<S> …………… </S> Untuk memberikan coretan pada teks
<BLINK> ……….….. </BLINK> Membuat teks berkedip (khusus netscape)
<TT> ……….….. </TT> Menampilkan teks dalam format typewriter
<BIG> ………….. </BIG> Untuk membesarkan teks
<SMALL> ……….. </SMALL> Untuk mengecilkan teks
<SUB> ……….. </SUB> Membuat teks subscript
<SUP> ……..… </SUP> Membuat teks superscript
Menentukan Ukuran Teks
Untuk mengatur ukuran suatu teks, elemen <FONT> menyediakan atribut <SIZE> dengan nilai dari 1
sampai 7. Semakin besar angka, maka semakin besar ukuran teks tersebut.
Contoh:
<font size = ”1”> ukuran teks=1 </font>
<font size = ”2”> ukuran teks=2 </font>
<font size = ”3”> ukuran teks=3 </font>
<font size = ”4”> ukuran teks=4 </font>
<font size = ”5”> ukuran teks=5 </font>
<font size = ”6”> ukuran teks=6 </font>
<font size = ”7”> ukuran teks=7 </font>
<font size = ”2”> ukuran teks=2 </font>
<font size = ”3”> ukuran teks=3 </font>
<font size = ”4”> ukuran teks=4 </font>
<font size = ”5”> ukuran teks=5 </font>
<font size = ”6”> ukuran teks=6 </font>
<font size = ”7”> ukuran teks=7 </font>
Mengubah Warna Teks
penggunaan warna pada teks mulai diperkenalkan oleh Internet Explorer 1.0 dengan menambahkan atribut <COLOR> pada elemen <FONT>. Pendefinisian warna dapat dilakukan dengan dua cara yaitu, melalui nama warna atau menggunakan nilai RGB warna. Adapun warna yang dikenal pada HTML 3.2 hanya 16 warna.
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Navy
Olive
Purple
Red
Silver
Teal
White
Yellow
Contoh:
<font color =”red”> teks berwarna merah </font>
Mengubah Jenis Font
Internet Explorer memperkenalkan atribut FACE pada elemen FONT yang dapat digunakan untuk
membuat bermacam-macam jenis font pada suatu page.
Contoh:
<Font Face=”calibri”> Font jenis Calibri </font>
<Font Face=”Comic San MS”> Jenis Font Comic San MS </font>
<Font Face=”Comic San MS”> Jenis Font Comic San MS </font>
Secara garis besar atribut-atribut yang digunakan elemen FONT adalah sebagai berikut :
Atribut Value Keterangan
Size 1 sampai 7 Digunakan untuk mengatur ukuran font
Color Nama Warna Digunakan untuk mengubah warna font
Face Jenis Font Digunakan untuk mengubah jenis font
Sekian dulu untuk tahap awal pengenalan HTML, untuk selanjutnya masih banyak lagi materi yang menarik untuk kita pelajari... Terima kasih...
sumber : Modul Aplikasi IT 1 - Kuliah Unikom Dosen Bpk. Erick Wijaya
Tidak ada komentar:
Posting Komentar