Objek Multimedia

Objek Multimedia

Text

Text sudah pasti banyak dikenal semua orang. Teks menjadi dasar pengolahan kata dan kalimat serta informasi berbasis multimedia. Teks mampu menjelaskan dan menyajikan materi berupa tulisan. Penggunaan teks dalam produk multimedia perlu memperhatikan beberapa hal seperti hypertext, Text style, Text Searching, hingga export dan import text.

Image dan Grafik

Image dan grafik yang dimaksudkan adalah still image yang bisa berupa foto atau gambar. Image atau grafik ini memiliki orientasi visual dimana image mampu menyajikan fenomena yang tidak mampu dihadirkan secara langsung, contoh saja ingin memperlihatkan foto planet-planet yang tentu saja tidak mungkin diperlihatkan secara langsung. Image dan grafik bahkan mampu menyajikan data-data sehingga lebih mudah dibaca serta mampu juga menyajikan sesuatu yang abstrak yang hanya dibayangkan menjadi sebuah sajian visual.

Animasi

Animasi merupakan olahan gambar yang lebih lanjut dimana gambar tersebut dapat bergerak. Animasi lebih menekankan pada pembuatan ilustrasi visual oleh manusia yang dibuat menggunakan software dengan bantuan komputer. Ilustrasi dasar dibuat kemudian ilustrasi dasar tersebut dibuat bergerak sesuai dengan narasi yang telah direncanakan. Konsep animasi ini banyak digunakan untuk pembuatan film kartun serta simulasi visual sebuah fenomena yang memiliki proses atau tahapan.

Audio

Audio mampu menyajikan materi pembelajaran dalam bentuk suara atau lisan. Materi pelajaran dapat direkam lalu disusun sesuai narasi kemudian dapat diperdengarkan pada peserta didik. Penggunaan audioterutama musik pada multimedia dapat menekankan sebuah gambar atau video kejadian tertentu, juga dapat digunakan sebagai background sound effect.

Video

Video juga merupakan gambar yang bergerak, namun video kebanyakan berupa penggabungan hasil tangkapan kamera serta juga dapat menggunakan animasi yang digabungkan mengikuti narasi atau storyboard. Dapat juga berupa slide-slide yang disusun sesuai urutan kemudian diconvert atau diexport menjadi video sehingga mampu menampilkan materi pelajaran yang dikehendaki.

Link Interaktif

Interactive Link ini mampu menjadikan produk multimedia yang dihasilkan menjadi media pembelajaran interaktif. Link interaktif ini mampu menghubungkan satu objek atau tampilan layar dengan objek atau tampilan layar lainnya. Interactive Link juga mampu digunakan untuk menjalankan perintah tertentu sehingga produk multimedia dapat diprogram menjadi media pembelajaran interaktif dimana peserta didik mampu secara aktif berinteraksi dengan media pembelajaran berbasis multimedia tersebut. Menurut Luther dalam Sutopo (2012: 111) penggunaan link interaktif dalam produk multimedia dapat berupa button(tombol), menu, dan hypertext.

Dalam sebuah produk atau media pembelajaran berbasis multimedia tidak selalu terdapat semua objek yang telah disebutkan diatas, bisa saja hanya terdapat satu atau dua objek saja namun juga bisa terdapat semua objek dalam sebuah produk multimedia pembelajaran. Porsi pemberian masing-masing objek tentu disesuaikan dengan kebutuhan pembelajaran dalam pengembangan produk multimedia untuk pembelajaran. Pembuatan dan pengembangan produk multimedia untuk pembelajaran dapat mengikuti tahapan Multimedia Development Life Cycle (MDLC), dengan mengikuti tahap pengembangan ini maka dapat menghasilkan produk multimedia yang berkualitas dengan penggunaan objek-objek media dengan proporsi yang tepat untuk pembelajaran.

Objek Gambar

Objek gambar adalah benda atau hal sesuatu yang menjadi bahan gambaran untuk digambar.

Objek Vidio

Video juga merupakan gambar yang bergerak, namun video kebanyakan berupa penggabungan hasil tangkapan kamera serta juga dapat menggunakan animasi yang digabungkan mengikuti narasi atau storyboard. Dapat juga berupa slide-slide yang disusun sesuai urutan kemudian diconvert atau diexport menjadi video sehingga mampu menampilkan materi pelajaran yang dikehendaki.

Objek Suara

mampu menyajikan materi pembelajaran dalam bentuk suara atau lisan. Materi pelajaran dapat direkam lalu disusun sesuai narasi kemudian dapat diperdengarkan pada peserta didik. Penggunaan audioterutama musik pada multimedia dapat menekankan sebuah gambar atau video kejadian tertentu, juga dapat digunakan sebagai background sound effect

Struktur Tabel HTML

    Elemen Dasar Tabel

Cara mendeskripsikan tabel dalam pemrograman web berbasis HTML menggunakan syntax adalah sebagai berikut.

<table>

  <!-- isi baris dan kolom -->

</table>

Selanjutnya anda dapat menambahkan baris baru di antara tag <table>....</table> dengan script berikut.

<table>

<tr>

  <!-- isi baris ke 1 -->

</tr>

<tr>

  <!—isi baris ke 2 -->

</tr>

</table>

Script program yang lengkap adalah sebagai berikut.

<table>

  <tr>

            <td>&nbsp;</td>

            <td>&nbsp;</td>

  </tr>

  <tr>

            <td>&nbsp;</td>

            <td>&nbsp;</td>

  </tr>

</table>

Elemen-elemen yang ada

Nama	Fungsi
<table>...</table>	Untuk mendeskripsikan tabel dalam halaman web
<tr>...</tr>	Untuk mendeskripsikan baris dalam tabel
<td>...</td>	Untuk mendeskripsikan kolom dalam tabel

  B. Atribut Border

Semakin besar nilai border, maka semakin tebal garis yang ditampilkan pada halaman web. Jika atribut border semakin besar, lebar garis tabel juga semakin besar. Besaran nilai atribut tabel dihitung dalam ukuran pixel.

   C.      Elemen Header

Untuk mendeklarasi header pada tabel, anda perlu menambahkan elemen tag <th> pada bagian awal script dan </th> pada bagian akhir script. Kelebiahan penggunaan header pada tabel adalah teks yang diletakkan pada tabel header secara otomatis berada pada posisi tengah (center) tanpa haraus menambahkan atribut align=”center”. Anda dapat menerapkan atribut scope dan headers untuk menghubungkan kolom atau baris dalam cell. Atribut scope dapat diisi dengan nilai col, colgroup, row, dan rowgroup. Atribut headers pada elemen header tabel akan menerima nilai berupa id dari cell untuk merujuk kaitan antar-header sumber tabel.

  D.     Elemen Caption

Anda dapat menggunakan tag <caption>....</caption> dengan penulisan tag diletakkan setelah tag awal <table> dengan posisi default caption berada diatas tabel.

  E.      Atribut Cellpadding dan Cellspacing

Atribut cellpadding berfungsi untuk mengatur jarak dari border sisi dalam tabel dengan isi teks tabel dalam cell. Nilai dari atribut ini berupa angka dalam satuan pixel. Jika nilai cellpadding=”3”, web browser akan menampilkan tabel dengan jarak sebesar 3 pixel dari border sisi dalam tabel dengan isi teks tabel.

Atribut cellspacing berfungsi untuk mengatur jarak antara border bagian dalam dan luar. Semakin tinggi nilai atribut  cellspacing, maka semakin besar lebar jarak antara border bagian dalam dengan border bagian luar. Sebagai contoh, jika anda memberikan nilai cellspacing=”2”, web browser akan menampilkan jarak sebesar 2 pixel diantara garis border tabel.

  F.       Menggabungkan Cell

1.      Colspan

Digunakan untuk menyatukan satu atau lebih cell berdasarkan kolom.

2.      Rowspan

Digunakan untuk menyatukan satu atau lebih cell berdasarkan baris.

  G.     Mengatur Brackground

Langkah-langkah menerapkan background gambar pada tabel adalah sebagai berikut

1.      Buatlah folder BG pada direktori C (C:\BG)

2.      Persiapkan gambar yang akan dijadikan background sebuah tabel, baik dalam format .jpg, .jpeg, atau .bmp. letakkan file gambar tersebut kedalam folder BG dalam satu folder dengan file html yang akan dibuat.

3.      Selanjutnya, buat file “gambar html” dan tulis kode berikut

<!--file studikasus3-9.html-->

<html>

<head>

<title>Background Gambar pada Tabel</title>

</head>

<table align=”center” width=”30%” border=”1” background=”foto.jpg”>

<tr>

                  <th>NIS</th><!--Header tabel-->

                  <th>NAMA</th><!--Header tabel-->

      </tr>

      <tr>

                  <td align=”center”>112019188</td>

                  <td align=”center”>Dyah Pradipta</td>

      </tr>

</table>

</body>

</html>

Atibut background gambar pada tabel ditunjukan pada potongan kode program background=”foto.jpg”pada script <table align=”center” width=”30%” border=”1” background=”foto.jpg”>. Untuk membuat latar belakang tabel denganwarna tertentu, perlu ditambahkan atribut bgcolor=”#FFFF33”, denga bgcolor sebagai atribut untuk mengatur warna tabel.

  H.     Atribut Align

Ada 3 align

1.      Left = untuk meletakkan isi cell pada sisi sebelah kiri cell

2.      Center = untuk meletakkan isi cell pada posisi tengah cell

3.      Right = untuk meletakkan isi cell pada sisi sebelah kanan cell

I.        Meletakkan Tabel di Dalam Tabel

Dengan menggunakan tabel, anda dapat menentukan struktur utama sebuah web, mulai dari heading halaman web, body halaman web, footing sebuah halaman web.

  J.        Atribut frame

Digunakan untuk mengatur jenis border luar pada tabel. Ada beberapa nilai yang digunakan pada atribut frame, antara lain:

1.      Above

2.      Bellow

3.      Border

4.      Box

5.      Hsides

6.      Lhs

7.      Rhs

8.      Void

9.      Vsides

Format Teks Halaman Web

Struktur HTML

a.     Elemen

Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML.

b.    Tag

Tag merupakan teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:

Ø <html> </html>

Tag <html> dan </html> digunakan untuk menandai awal dan akhir dari suatu file HTML.

Ø <title> </title>

Tulisan yang berada diantara tag <title> dan </title> akan ditampilkan oleh browser pada bagian title dan merupakan title dari jendela browser.

Ø <head> </head>

Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara <head> </head>.

Ø <body> </body>

Bagian tag <body> </body> menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut yang dapat ditentukan.

Contoh :

<html>

<head>

<title>Contoh Document HTML</title>

</head>

<body>

Hallo Pembaca Makalah Pemrograman Dasar WEBsite dengan HTML.

</body>

</html>

c.     Atribut

Atribut terdapat di dalam script sebuah elemen dan memberikan informasi tambahantentang elemen. Atribut selalu ditentukan dalam tag awal Atribut ditulis dalam pasangan nama / nilai.

Nilai dari atribut harus selalu tertutup dalam tanda kutip. Tanda kutip ganda adalah yang paling umum, tapi gaya tanda kutip tunggal juga diperbolehkan. Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal Misalnya: name = 'John "shotgun" Nelson'.

Di bawah ini adalah daftar dari beberapa atribut yang dapat digunakan pada setiap elemen HTML :

Atribut	Deskripsi
Class	Menentukan satu atau lebih classnames untuk sebuah elemen(mengacu pada kelas dalam style sheet).
Id	Menentukan id unik untuk sebuah elemen.
Style	Menentukan inline CSS style untuk elemen.
Title	Menentukan informasi tambahan mengenai elemen (ditampilkan sebagai tool tip).

D.      Pengaturan Halaman HTML  

1.    Mengatur Tulisan pada Halaman HTML.

Agar tulisan pada halaman sebuah web terlihat rapi, maka perlu pemformatan dalam tulisan tersebut. Baik tata cara pencetakannya maupun pengaturan tulisan yang lain. Adapun pengaturan format tersebut antara lain :

a.    Heading

Heading adalah hal yang penting dalam sebuah Document HTML. Heading didefinisikan dengan tag <h1> sampai dengan <h6>. Semakin besar angka dalam penulisan tag Heading semakin kecil ukuran yang tercetak dalam Browser.

Contoh :

<html>

<body>

<h1>Penulisan heading 1</h1>

<h2>Penulisan heading 2</h2>

<h3>Penulisan heading 3</h3>

<h4>Penulisan heading 4</h4>

<h5>Penulisan heading 5</h5>

<h6>Penulisan heading 6</h6>

</body>

</html>

b.   Paragraf 

Membuat paragraf dalam HTML dapat menggunakannya dengan tag <p>. Pada browser, secara otomatis penulisan paragraf akan  menambahkan baris kosong sebelum dan sesudah paragraf.

Sebagian besar browser akan membenarkan penulisan HTML Paragraf, bahkan jika kita melupkan tag tersebut. Tetapi, tidak menuliskan tag dalam penulisan paragraf membuat hasil tulisan yang tercetak pada HTML tidak tertulis rapi.

Dalam penulisan paragraf, untuk mengganti baris dalam paragraf tersebut dapat kita gunakan tag break, dapat di tulis <br> atau <br \>.

Contoh :

<html>

<body>

<p>Penulisan Paragraf 1. </p>

<p>Penulisan Paragraf 2. </p>

<p>Penulisan <br \> Paragraf 3. </p>

</body>

</html>

c.    Format Teks

Banyak sekali tag yang digunakan untuk menformat sebuah tulisan dalam HTML. Menformat paragraf yang di maksudkan adalah membuat text bercetak tebal, bercetak miring, subscript text, superscript text dan masih banyak format yang lainnya. Untuk lebih jelasnya lihat tabel.

HTML tags Formating Text

Tags	Description
<b>	Mendefinisikan Teks bercetak tebal
<i>	Mendefinisikan Teks bercetak miring
<small>	Mendefinisikan Teks kecil
<strong>	Mendefinisikan Teks penting
<sub>	Mendefinisikan Teks Subscript
<sup>	Mendefinisikan Teks Superscript
<ins>	Mendefinisikan Teks yang dimasukan
<del>	Mendefinisikan Teks yang dihapus

HTML Computer Output Tags

Tags	Descriptions
<code>	Mendefinisikan Kode Komputer
<kbd>	Mendefinisikan tekx Keyboard
<samp>	Mendefinisikan Sampel kode komputer
<var>	Mendefinisikan Variabel
<pre>	Mendefinisikan teks terformat

 HTML Citations, Quotations, dan Definition Tags

Tags	Descriptions
<abbr>	Mendefinisikan sebuah singakatan atau akronim
<address>	Mendefinisikan informasi kontak untuk penulis / pemilik document
<bdo>	Mendefinisikan arah teks
<blockquote>	Mendefinisikan bagian yang dikutip dari sumber lain
<q>	Mendefinisikan sebuah inline (pendek) kutipan
<cite>	Mendefinisikan Judul karya
<dfn>	Mendefinisikan sebuah istilah definisi

d.   Mengatur Pemerataan Paragraf

Pemerataan tulisan sangat mempengaruhi tampilan dari halaman web anda, ada kalanya tulisan tertentu perlu ditampilkan pada tengah halaman, atau pun justified. Tag-tag HTML yang mengatur pemerataan tulisan pada satu halaman:

·           <CENTER> </CENTER>

Tag ini akan menampilkan tulisan/gambar ditengah baris.

·           <P ALIGN=LEFT|CENTER|RIGHT> </P>

Tag paragraf digunakan untuk memulai suatu paragraf baru disertai dengan pemerataan teks ke kiri, tengah, atau kanan dari tampilan browser untuk paragraf bersangkutan. Suatu paragraf dapat terdiri dari teks, gambar, hyperlink, dan element HTML lainnya.

·           <H# ALIGN=LEFT|CENTER|RIGHT> </H#>

Ini akan merapikan tulisan ke kiri, tengah atau kanan dari tulisan yang diberi tingkat heading.

e.    Menyisipkan Gambar

<html>

<body>

<img src="../images.jpg">

</body>

</html>

Dalam HTML, gambar didefinisikan dengan tag <img>. Tag <img> kosong, yang berarti mengandung atribut saja, dan tidak memiliki tag penutup. Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL gambar yang ingin ditampilkan.

Sintaks untuk mendefinisikan gambar:

<img src="url" alt="some_text">

URL menunjuk ke lokasi di mana gambar disimpan. Sebuah gambar bernama "image.jpg", yang terletak luar direktori dari file “image.html”.

Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, maka gambar, dan kemudian paragraf kedua.

f.     Link ke Dokumen atau Situs yang Lain

HTML tag <a> mendefinisikan hyperlink. Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen lain.

Bila Anda memindahkan kursor di atas link dalam sebuah halaman Web, panah akan berubah menjadi sedikit tangan. Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.

Secara default, link akan muncul sebagai berikut di semua browser:

·      Link belum dikunjungi digarisbawahi dan biru

·      Sebuah link dikunjungi digarisbawahi dan ungu

·      Link aktif digarisbawahi dan merah

Contoh Penulisan tags Link :

<a href=”http://www.example.com/”>Klik Link</a>

g.    Penulisan Komentar dalam HTML

Komentar dalam penulisan HTML hanyal untuk menandai sebuah tags agar kita dapat lebih memahami maksud dari tujuan dari tags yang kita buat. Penulisan Komentar tidak dapat di tampilkan dalam sebuah Browser. Tags dari komentar adalah <!---->

Contoh :

<!-- Tulis Komentar disini -->

2.    Membuat List

Agar dokumen kita mudah dibaca dan jelas, ada bagian tertentu yang perlu ditampilkan dalam list. List yang paling umum di Gunakan adalah Unordered List dan Ordered List :

a.    Unordered List

Unordered list ditandai dengan tag <ul> dan setiap daftar item ditandai dengan <li>. Hasil dari Unordered List adalah lingkarang bulat kecil.

Contoh :

<html>

<body>

<ul>

        <li>Unordered List 1</li>

        <li>Unordered List 2</li>

        <li>Unordered List 3</li>

</ul>

</body>

</html>

b.    Ordered List

Ordered list dimulai dengan tag <ol> dan setiap item daftar dimulai dengan tag <li>. Daftar item ditandai dengan angka.

Contoh :

<html>

<body>

<ol>

        <li>Ordered List 1</li>

        <li>Ordered List 2</li>

        <li>Ordered List 3</li>

</ol>

</body>

</html>

 

3.    Membuat Tabel dan Pengaturannya

Tabel didefinisikan dengan tag <table>. Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi menjadi beberaapa kolom (dengan tag <td>).

Di dalam tag <tabel> harus terdapat attribut “border” dan tebal dari border tersebut. Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas atau garis.

Contoh :

<table border="1">

            <tr>

            <td>Baris 1, Kolom 1</td>

        <td>Baris 1, Kolom 2</td>

            </tr>

    <tr>

            <td>Baris 2, Kolom 1</td>

        <td>Baris 2, Kolom 2</td>

    </tr>

</table>

Tags	Descriptions
<table>	Mendefinisikan Tabel
<th>	Mendefinisikan sel header Tabel
<tr>	Mendefinisikan Tabel baris
<td>	Mendefinisikan Tabel Kolom
<caption>	Mendefinisikan Judul Tabel
<colgroup>	Menentukan sekelompok dari satu atau lebih kolomdalam sebuah tabel untuk memformat
<col>	Menentukan sifat kolom untuk setiap kolom dalam elemen <colgroup>
<thead>	Grup isi header dalam sebuah tabel
<tbody>	isi tubuh dalam sebuah tabel
<tfoot>	isi footer dalam sebuah tabel

4.    Membuat Form dan Pengaturannya

From digunakan untuk membuat sebuah inputan untuk pengguna yang nantinya akan dikirim ke server. Bentuk form terdiri dari beberapa elemen diantaranya teks, checkbox, radio button, tombol submit dan banyak lagi. Form juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label. Untuk lebih jelasnya lihat Tabel :

Element pada Form

Element	Descriptions
text	Mendefinisikan satu baris field input yang pengguna dapat memasukkan teks
password	Mendefinisikan satu baris field input yang pengguna dapat memasukkan teks yang dirahasiakan
radio	mendefinisikan satu baris field input yang pengguna dapat memilih hanya satu saja
checkbox	mendefinisikan satu baris field input yang pengguna dapat tidak memilih atau pilih semua.
button / submit / reset	Mendefinisikan bentuk tombol untuk mengirim semua form
file	mendefinisikan satu baris field input yang pengguna dapat upload file
hidden	mendefinisikan satu baris field input yang pengguna dapat menyembunyikan form

Tags Pada Form

Tags	Descriptions
<form>	Mendefinisikan sebuah form HTML untuk input pengguna
<input>	Mendefinisikan sebuah kontrol input
<textarea>	Mendefinisikan sebuah kontrol input multiline (text area)
<label>	Mendefinisikan sebuah label untuk sebuah elemen
<fieldset>	terkait unsur-unsur dalam bentuk
<legend>	Mendefinisikan sebuah caption untuk elemen <fieldset>
<select>	Mendefinisikan sebuah daftar drop-down
<optgroup>	Mendefinisikan sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>	Mendefinisikan pilihan dalam daftar drop-down
<button>	Mendefinisikan sebuah tombol diklik
<datalist>	Baru Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input
<keygen>	Baru Mendefinisikan kunci-pair bidang pembangkit(untuk formulir)
<output>	Baru Mendefinisikan hasil penghitungan

5.    Menggunakan Karakter Khusus

Berikut ini tata cara pengetikkan untuk menampilkan karakter khusus padahalaman html :

Symbol	Description	Caracter
©	Copyright symbol	©
®	registered trademark symbol	®
™	trademark symbol	™
 	nonbreaking space
&lt;	less-than symbol	<
&gt;	greater-than symbol	>
&amp;	Ampersand	&
&quot;	quotation mark	“

Pada tabel di atas hanyalah sebagian dari banyak karakter yang ada dalam HTML. kita hanya mengetikan “&” dan pilih karakter yang akan anda gunakan. <![endif]-->

Format Teks

Format Teks Dalam HTML digunakan untuk membuat teks yang ada dalam dokumen html menjadi kelihatan berbeda,menarik dan memiliki arti serta dapat memberikan kemudahan dalam menuliskan teks yang berupa rumus-rumus atau lambang dari suatu disiplin ilmu .

1. Cetak tebal atau Bold
Cetak tebal digunakan untuk menebalkan teks agar berbeda dengan teks lainnya. Penulisannya adalah .

<b>...teks...</b> 

contoh : Teks ini tebal

2. Cetak Miring atau Italic
Cetak tebal digunakan untuk menmiringkan teks agar berbeda dengan teks lainnya. Penulisannya adalah .

<i>...teks...</i>

contoh : teks ini miring

3. Memberi Garis Bawah atau Underline
Underline digunakan untuk menggarisbawahi suatu teks agar berbeda penekananya atau untuk menegaskan maksud dari teks tersebut. Penulisannya adalah .

<u>...teks...</u>

contoh : teks bergaris bawah

4. Mengecilkan Huruf / Small
Small digunakan untuk mengecilkan suatu teks agar tampak berbeda dengan teks lainnya. Penulisannya adalah.

<small>...teks...</small>

contoh : teks ini biasa, yang ini kecil

5. Membesarkan Huruf / Big
Big digunakan untuk membesarkan huruf sehingga tampak berbeda dengan teks lainnya. Penulisannya adalah.

<big>...teks...</big>
contoh : teks ini biasa, yang ini gede

6. Menebalkan Teks dengan Strong
Untuk menebalkan teks selain dengan <b> kita juga dapat menggunakan tag <strong>. Fungsinya sama yaitu untuk menebalkan teks. Penulisannya.

<strong>...teks...</strong>

contoh : teks dengan strong
7. Penekanan Teks / Emphasis
Fungsinya sama dengan <i> yaitu untuk memiringkan teks. penulisannya.

<em>...teks...</em>

8. Mencoret Teks dengan Strike
Untuk mencoret sebuah teks dalam html kita dapat menggunakan tag strike, sehingga menghasilkan teks yang dicoret ditengahnya. Cara penulisannya adalah.

<strike>...teks...</strike>
contoh : teks tercoret
9. Subscript dan Superscript
Fungsi Superscript digunakan untuk membuat teks kecil yang berada diatas/pangkat sedangkan subscript digunakan untuk membuat teks kecil yang berada dibawah. Keduanya kita unakan untuk membuat teks berbentuk rumus.

^{...karakter/teks}

contoh: 5² hasil jadi 5²

_{...karakter/teks...}

contoh : H₂) hasil jadi H₂O


10. Membuat Singkatan atau Akronim
Untuk mendefinisikan sebuah singkatan dalam dokumen html kita dapat menggunakan tag acronym. Dan penulisannya adalah.

<acronym [properti]>..teks singkatan...</acronym>

properti pada tag ini adalah title yang bsrisi judul dari singkatan.

Contohnya :
Penyidik <acronym title="Komisisi Penyelidik Korupsi">KPK</acronym> telah berhasil menangkap koruptor.

hasilnya :
Penyidik KPK telah berhasil menangkap koruptor. (coba arahkan mouse pada tulisan KPK)

List HTML

Ada tiga jenis list di HTML:

1. Ordered List adalah list yang terurut;
2. Unordered List adalah list yang tak terurut;
3. Descriptiona List adalah list yang berisi definisi.