Oke pertama, saya ingin menjelaskan dulu apa itu HTML, HTML atau singkatan dari HyperText Markup Language adalah bahasa standar yang digunakan untuk menampilkan teks, gambar, video dan audio ke dalam halaman web. HTML merupakan file teks yang tersusun atas elemen-elemen yang disebut dengan tag. tag HTML diapit oleh simbol less than (<) dan greater than (>), misalnya <html>, <body>, dll. Tag HTML ini ada yang berpasangan dan juga ada yang tidak. contoh tag yang berpasangan <html> dan ditutup dengan </html>.
Untuk membuat atau belajar HTML, tidak perlu compiler khusus, cukup menggunakan teks editor (misalnya notepad bagi yang bingung :D) yang kemudian disimpan dalam format .html .
Kali ini saya sekedar menjelaskan tentang penulisan teks dalam halaman web
1. heading atau judul, tujuannya tentu untuk menampilkan teks untuk judul. gunakan tag berikut :
<hn> judul bla bla bla </hn>
n : angka dari 1 - 6. Semakin kecil angkanya, maka semakin besar ukuran teks.contoh ketika saya menulis <h1> ukurannya besar </h1>
ukurannya besar
2.Penulisan teks tebal, miring dan bergaris bawah. gunakan tag berikut:
<b> untuk teks tebal </b>
<i> untuk teks miring</i>
<u>untuk teks bergaris bawah</u>
3. Penulisan Superscript dan Subscript
<sup> tag untuk superscript </sup>
contoh : 10<sup>2</sup> = 100 akan menghasilkan output 102 = 100<sub>tag untuk subscript</sub>
contoh: H<sub>2</sub>O akan menghasilkan output H2O
4. Penulisan simbol
& menggunakan &
< menggunakan <
> menggunakan >
® menggunakan ®
© menggunakan ©
± menggunakan ±
° menggunakan °
™ menggunakan &trade
¼ menggunakan ¼
½ menggunakan ½
¾ menggunakan ¾
÷ menggunakan ÷
< menggunakan <
> menggunakan >
® menggunakan ®
© menggunakan ©
± menggunakan ±
° menggunakan °
™ menggunakan &trade
¼ menggunakan ¼
½ menggunakan ½
¾ menggunakan ¾
÷ menggunakan ÷
5. Mengubah ukuran teks dan font. gunakan tag berikut :
<font size="16" face="calibri"> contoh teks </font>
contoh teks
contoh teks
6. Penulisan teks Preformat. Apa itu teks preformat? yaitu teks yang ditampilkan dalam halaman web sesuai dengan format asli yang terdapat pada kode HTML. jadi tidak perlu tag <br /> untuk new line dan untuk spasi. gunakan tag berikut:
<pre> teks bla bla bla </pre>
misalkan saya tulis :
<html>
<pre>
coba teks preformat
garis baru tanpa tag <br />
</pre>
</html>
akan menghasilkan output :
silahkan coba sendiri tanpa menggunakan tag <pre> </pre>, maka nanti tulisannya akan menyamping.
misalkan saya tulis :
<html>
<pre>
coba teks preformat
garis baru tanpa tag <br />
</pre>
</html>
akan menghasilkan output :
coba teks preformat garis baru tanpa tag <br />
silahkan coba sendiri tanpa menggunakan tag <pre> </pre>, maka nanti tulisannya akan menyamping.
Sekian dulu penjelasannya, semoga bermanfaat. Nantikan posting selanjutnya :D
0 comments:
Post a Comment