Pengenalan HTML - Text Formatting - Image

DAFTAR ISI
1. TEXT FORMATTING
1. Italic Text
2. Subscript & SuperscriptText
3. Underline Text
4. Cite Text
5. Samp Text
6. Special Charachter
2. IMAGE
1. Image
2. Image Adjustment
3. Image Link

Italic Text

Italic Text adalah suatu teknik penulisan yang merender teks normal menjadi miring

Contoh Source Code

<i>Text Miring</i>

Hasil Eksekusi Program

Text Miring

Subscript & Superscript Text

Subscript Text dan Superscript adalah teknik penulisan yang merubah teks dalam suatu paragrap atau kalimat menjadi lebih kecil. Biasanya Subscript text digunakan dalam suatu rumus fisika, rumus matematika, maupun penulisan nama chemical reagent.

Contoh Source Code

Text yang di_subscriptkan
Text yang di^superscriptkan

Hasil Eksekusi Program

Text yang di_subscriptkan
Text yang di^superscriptkan

Underline Text

Underline text merupakan teknik penulisan yang memberikan efek garis bawah pada paragraf atau pernyataan.

Contoh Source Code

<u>Teks yang digaris bawahi</u>

Hasil Eksekusi Program

Teks yang digaris bawahi

Cite Text

Sama halnya dengan penulisan italic, format cite pun memberikan efek tulisan miring

Contoh Source Code

Trouthe is the hyest thing that many may kepe.
(Chaucer, <CITE>The Franklin's Tale</CITE>)

Hasil Eksekusi Program

Trouthe is the hyest thing that many may kepe.
(Chaucer, The Franklin's Tale)

samp Text

Samp Text digunakan untuk mendeskripsikan hasil output yang akan diperoleh hasil eksekusi program, samp text merender teks kedalam bentuk monospace font

Contoh Source Code

When you press the Enter key, you will see <SAMP>Hello, world!</SAMP>on the screen.

Hasil Eksekusi Program

When you press the Enter key, you will see Hello, world!on the screen.

Special Charachter

Special character adalah huruf-huruf yang tidak terdapat pada keyboard komputer. Untuk menuliskan special karakter, perlu menggunakan cara lain. Huruf-huruf seperti © harus ditulis dengan menggunakan &copy; dan browser pengunjung akan menerjemahkan &copy; kepada ©. Di bawah merupakan contoh beberapa spesial character yang dapat digunakan dalam pembuatan HTML:

Contoh Source Code

Simbol	Keterangan	Special Char
©	Copyright	©
&	Ampersant	&
<	Kurang dari	&lt;
>	Lebih dari	&gt;
€	Simbol mata uang euro	&euro;
®	Registered Trademark	&reg;
Ω	Ohm (Simbol resistor)	&Omega;
ω	omega	&omega;

Image

Gambar di dalam suatu web page merupakan sebuah daya tarik bagi pengunjung suat web site. Umumnya web site dilengkapi dengan gambar-gambar untuk membuat orang tertarik untuk melihat dan membaca isi yang ada di suatu web site. Umumnya browser web dapat menampilkan iniline image (yaitu, gambar yang disajikan bersamaan dengan teks), yang mempunyai format X Bitmap (XBM), GIF, atau JPEG. Format-format gambar lain juga ada yang digabukangkan ke dalam browser web [misalnya: format PNG (Portable Network Graphic)]. Setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat penampilan suatu dokumen dalam browser. Karenanya hati-hatilah memilih gambar dan menyertakannya ke dalam suatu dokumen.

Contoh Source Code

<img src="[path]/file_image.jpg">

Hasil Eksekusi Program

Image Adjustment

Image adjustment adalah teknik merubah ukuran gambar pada HTML diantaranya merubah panjang(width) dan lebar(height)

Contoh Source Code

<img src="[path]/file_image.[format_gambar]" width="45" height="30">

Hasil Eksekusi Program

Image Link

Image pun dapat digunakan sebagai link dengan menyisipkan tag <a> image &lt/a>;

Contoh Source Code

<a href=""><img src="[path]/file_image.[format_gambar]"></a>

Hasil Eksekusi Program