HTML (Hypertext Markup Language) adalah bahasa dasar untuk web scripting bersifat client side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antartampilan web page (hyperlink). Tidak diperlukan suatu program editor khusus untuk menggunakan kode perintah-perintah HTML. Anda dapat menggunakan Notepad, Gedit, ataupun editor lainnya.
Adapun struktur minimal dari dokumen HTML ini sebagai berikut:
Teori Dasar
- Font
Untuk memodifikasi font digunakan tag <FONT> </FONT>. Tag ini mempunyai beberapa atribut, diantaranya :
· size : digunakan untuk mengatur besar ukuran huruf
· face / type font: menentukan jenis hurufnya
· color : member warna pada huruf
· Efek cetak huruf : mengatur cetak huruf seperti bold, italic, dan/atau underline.
Contoh :
<HTML>
<HEAD>
<TITLE>HTML Dasar</TITLE>
</HEAD>
<BODY>
<FONT size="14" color="green" face="Verdana">Tulisan ini berwarna hijau, ukuran 16, dan jenisnya Verdana
</br>
<b>cetak TEBAL</b>
</br>
<i>cetak MIRING</i>
</br>
<u>cetak GARIS BAWAH</u>
</FONT>
</BODY>
</HTML>
|
Output :
- Paragraph
Dalam HTML kita juga dapat mengatur tata letak (align) dari paragraph yang ingin kita buat, seperti Left, Center, Right, atau Justify.
Contoh :
<HTML>
<HEAD>
<TITLE>HTML Dasar</TITLE>
</HEAD>
<BODY>
<p align="left">Left Left Left Left Left Left Left Left Left Left
Left Left Left Left Left Left Left Left Left Left
Left Left Left Left Left Left Left Left Left Left
Left Left Left Left Left Left Left Left Left Left
Left Left Left Left Left Left Left Left Left Left
</p>
<p align="right">Right Right Right Right Right Right Right Right Right Right
Right Right Right Right Right Right Right Right Right Right
Right Right Right Right Right Right Right Right Right Right
Right Right Right Right Right Right Right Right Right Right
Right Right Right Right Right Right Right Right Right Right
</p>
<p align="center">Center Center Center Center Center Center Center Center Center Center
Center Center Center Center Center Center Center Center Center Center
Center Center Center Center Center Center Center Center Center Center
Center Center Center Center Center Center Center Center Center Center
Center Center Center Center Center Center Center Center Center Center
</p>
<p align="justify">Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify
Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify
Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify
Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify
Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify Justify
</p>
</BODY>
</HTML>
|
- Image
Untuk menampilkan gambar pada dokumen HTML maka digunakan tag <IMG SRC=”direktori tempat gambar berada”>. Tag ini juga mempunyai beberapa atribut, yaitu width, height, border, hspace, vspace, align, dan alt.
Contoh :
<HTML>
<HEAD>
<TITLE>HTML Dasar</TITLE>
</HEAD>
<BODY>
</br>
</br>
</br>
</br>
<center>
<IMG SRC="C:\Users\admin\Pictures\kediri\CONAN\elmo\tumblr_lbpvg3I24k1qb2c3vo1_400_thumb.jpg">
<IMG SRC="C:\Users\admin\Pictures\kediri\CONAN\elmo\tumblr_lfg1r36qIg1qco0ado1_500.png">
<IMG SRC="C:\Users\admin\Pictures\kediri\CONAN\elmo\tumblr_lamxj6TO9p1qbqnz5o1_500.jpg">
</center>
</BODY>
</HTML>
|
Output :
- Hyperlink
Hyperlink atau sering disebut anchor digunakan untuk menghubungkan antara satu halaman web dengan halaman web lainnya. Adapun tag yang digunakan untuk membuat hyperlink adalah <a href=”tujuan”>.
Contoh :
<HTML>
<HEAD>
<TITLE>HTML Dasar</TITLE>
</HEAD>
<BODY>
</br>
</br>
</br>
</br>
<center><font size="16"><a href="www.google.com">Link ke Google</a></font>
</br>
</br>
</br>
jika tulisan diatas di klik maka kita akan berpindah halaman ke www.google.com</center>
</BODY>
</HTML>
|
Output :
Tidak ada komentar:
Posting Komentar