PENGERTIAN HTML
HTML
(HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan
konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong
pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking
up) pada suatu naskah teks dan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
1.Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
1.Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya
2.Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen
3.Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen
TAG DASAR HTML
1(!-- --)
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini
tidak akan terlihat pada browser
2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4(applet) Sebagai awal dari Java applets
5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6(b) Membuat teks tebal
7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
8(bgsound) Memberi (suara latar) background sound pada halaman web
9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10(blink) Membuat teks berkedip
11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12(br) Pindah baris
13(caption) Membuat caption pada tabel
14(center) Untuk perataan tengah terhadap teks atau gambar
15(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16(dd) Indents teks
17(div) Represents different sections of text.
18(embed) Menambahkan sound or file avi ke halaman web
19(fn) Seperti tag (a name)
20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21(form) Mendefinisikan input form
22(frame) Mendefinisikan frame
23(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame
24(h1 ... h6) Ukuran font
25(head) Mendefinisikan head document.
26(hr) Membuat garis horizontal
27(html) Bararti dokumen html
28(i) Membuat teks miring
29(img) Image, imagemap atau an animation
30(input) Mendefinisikan input field pada form
31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
32(map) Mendefinisikan client-side map
33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
34(nobr) Mencegah ganti baris pada teks atau images
35(noframes) Jika browser user tidak mendukung frame
36(ol) Mendefinisikan awal dan akhir list
37(p) Ganti paragraf
38(pre) Membuat teks dengan ukuran huruf yg sama
39(script) Mendefinisikan awal script
40(table) Membuat tabel
41(td) Kolom pada tabel
42(title) Mendefinisikan title
43(tr) Baris pada tabel
44(u) Membuat teks bergaris bawah
2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4(applet) Sebagai awal dari Java applets
5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6(b) Membuat teks tebal
7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
8(bgsound) Memberi (suara latar) background sound pada halaman web
9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10(blink) Membuat teks berkedip
11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12(br) Pindah baris
13(caption) Membuat caption pada tabel
14(center) Untuk perataan tengah terhadap teks atau gambar
15(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16(dd) Indents teks
17(div) Represents different sections of text.
18(embed) Menambahkan sound or file avi ke halaman web
19(fn) Seperti tag (a name)
20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21(form) Mendefinisikan input form
22(frame) Mendefinisikan frame
23(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame
24(h1 ... h6) Ukuran font
25(head) Mendefinisikan head document.
26(hr) Membuat garis horizontal
27(html) Bararti dokumen html
28(i) Membuat teks miring
29(img) Image, imagemap atau an animation
30(input) Mendefinisikan input field pada form
31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
32(map) Mendefinisikan client-side map
33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
34(nobr) Mencegah ganti baris pada teks atau images
35(noframes) Jika browser user tidak mendukung frame
36(ol) Mendefinisikan awal dan akhir list
37(p) Ganti paragraf
38(pre) Membuat teks dengan ukuran huruf yg sama
39(script) Mendefinisikan awal script
40(table) Membuat tabel
41(td) Kolom pada tabel
42(title) Mendefinisikan title
43(tr) Baris pada tabel
44(u) Membuat teks bergaris bawah
CARA MENGGUNAKAN HTML
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag
container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa, yahh…tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, yah mesti ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa, yahh…tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, yah mesti ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.
LANGKAH 1
* MEMBUKA NOTEPAD.
LANGKAH 2
* MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
?
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
<hr>
<marquee direction="up" behaviour="scroll"> what's up...?</marquee>
* MEMBUKA NOTEPAD.
LANGKAH 2
* MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
?
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
<hr>
<marquee direction="up" behaviour="scroll"> what's up...?</marquee>
Tidak ada komentar:
Posting Komentar