Oke kita mulai pelajaran TIK kita tentang HTML < :p>
HTML = HyperText Markup Languange
Adalah sekumpulan symbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser.
APA SAJA YANG DIBUTUHKAN?
- Text editor (Notepad,vi,emacs,dsb)
- Web browser (Internet Explorer, Opera, Firefox,dsb)
Tag-tag HTML selalu diawali dengan ’<x> dan diakhiri dengan </x>.
Tag Utama:
- <html> </html> : Baris paling atas dari setiap file HTML
- <head> </head> : Informasi umum dari sebuah halaman web
- <title> </title> : Judul halaman,terdapat dalam web
- <body > </body> : Settingan atribut untuk seluruh dokumen
Beberapa contoh tag HTML yang lain :
-<b> </b> : teks tebal
- <i> </i> : teks miring
- <u> </u> : teks garis bawah
- <br> : ganti baris
- dll.
Ada beberapa tag yang memiliki atribut di dalamnya, seperti tag <font>,<table>,dsb. Contohnya pada tag font, ia memiliki beberapa atribut seperti color,size,dan face.
Ex: ‘<font color=”red” face=”Arial”size=”12”>................................</font>’
Supaya nggak bingung,mending langsung dicoba aja gimana cara nulis html. Di bawah ini aku sertain contohnya,langsung buka notepadmu terus lihat deh hasilnya. Selamat mencoba : )
<HTML>
<head>
<title>Atribut tag<p></title>
</head>
<body bgcolor="ABCDEF">
<body>
<p align="left"><b>Teks ini berada di kiri</p>
<p align="center">Teks ini berada di tengah</p>
<p align="right">Teks ini berada di kanan</b></p>
<p align="justify">Paragraf ini bertipe justify. Di mana semua<br>teks akan dibuat lurus sama dengan batas tepi halaman.Oh ya,<br>
tag <p></p>merupakan<br>default atau bentuk baku tag <p></p>dimana teks<br>atau paragraf akan<br>berformat rata kiri.
Jika anda tidak memberi atribut<br>
<i>align</i> pada tag<br><p> maka browser akan menganggap rata kiri.</p>
<marquee><p><font face="Arial">ini Font Arial<br></font></p></marquee>
<p><font face="Arial"><i>Ini Font Arial dan miring<br></i></font></p>
<p><font face="verdana" size="4" color="blue"><b>ini Font Verdana berukuran12 pt<br>berwarna biru sekaligus tebal.</b></font></p>
<p align="center"><font face="Tahoma" color="red"><b>Ini font tahoma<br>berwarna<br>merah,tebal dan berada di tengah.</b></font></p>
<p align="center"><font face="Arial" color="red"><b>Ini font Arial berwarna<br>merah,
</font><font face="verdana" color="blue">Sedangkan ini adalah font<br>verdana berwarna biru</font></p>
</body>
</HTML>