Rabu, 16 Januari 2013

Aplikasi Telematika dibidang Transportasi

Pengertian Telematika




Kata Telematika berasal dari bahasa Perancis “TELEMATIQUE” yang berarti bertemunya sistem jaringan komunikasi dengan teknologi informasi. Istilah telematika merujuk pada hakekat cyberspace sebagai suatu sistem elektronik yang lahir dari perkembangan dan konvergensi telekomunikasi, media dan informatika.
Istilah Teknologi Informasi itu sendiri merujuk pada perkembangan teknologi perangkat-perangkat pengolah informasi. Para praktisi menyatakan bahwa TELEMATICS adalah singkatan dari TELECOMMUNICATION and INFORMATICS sebagai wujud dari perpaduan konsep Computing and Communication. Istilah Telematics juga dikenal sebagai {the new hybrid technology} yang lahir karena perkembangan teknologi digital. Perkembangan ini memicu perkembangan teknologi telekomunikasi dan informatika menjadi semakin terpadu atau populer dengan istilah konvergensi. Semula Media masih belum menjadi bagian integral dari isu konvergensi teknologi informasi dan komunikasi pada saat itu.

Berdasarkan pendapat-pendapat tersebut, maka dapat disarikan pemahaman tentang telematika
sebagai berikut.
1. Telematika adalah sarana komunikasi jarak jauh melalui media elektromagnetik.
2. Kemampuannya adalah mentransmisikan sejumlah besar informasi dalam sekejap, dengan
jangkauan seluruh dunia, dan dalam berbagai cara, yaitu dengan perantaan suara (telepon,
musik), huruf, gambar dan data atau kombinasi-kombinasinya. Teknologi digital memungkinkan
hal tersebut terjadi.
3. Jasa telematika ada yang diselenggarakan untuk umum (online, internet), dan ada pula untuk
keperluan kelompok tertentu atau dinas khusus (intranet). 

Telematika Dari Toyota
 
Salah satu produk tranportasi yang menerapkan layanan telematika adalah Toyota. Karena menyadari semakin tingginya mobilitas masyarakat, terutama di wilayah perkotaan, membutuhkan layanan penunjang yang mampu membantu masyarakat untuk sampai ke tujuannya dalam waktu singkat. Toyota melihat peluang ini dengan mengembangkan disalah satu produksinya yang memiliki layanan navigasi yang menyediakan informasi dan peta lengkap lokasi-lokasi penting, mulai hotel, rumah sakit, hingga dealer.

Saat ini, Toyota telah mencetuskan dua macam sistem teknologi telematika secara bergerak yang dapat diakses melalui telepon seluler, yaitu M-Toyota dan Toyota Navigation. Hingga Juni 2008, M-Toyota telah diakses hingga 180.000 pengunjung setiap bulan. Layanan ini berisi informasi produk, layanan purna jual, hingga hal-hal yang bersifat emergency.

Selain itu, Toyota juga memiliki layanan navigasi yang menggandeng perusahaan pemetaan Tele Atlas. Informasi dan peta lengkap dengan 13.000 lokasi-lokasi penting, mulai hotel, rumah sakit, hingga dealer Toyota sudah terekam. Saat ini peta tersebut sudah meng-cover wilayah Pulau Jawa dan Bali. Pada September 2008, layanan peta akan menjangkau mencapai Sumatra.

Toyota juga mengembangkan perangkat keras dan Graphics User Interface (GUI) yang didesain secara khusus. Dengan layanan Toyota Genuine Accesories (TGA). Toyota juga mempermudah pengguna Toyota Navigation dengan memberikan update perangkat lunak tanpa dikenai biaya.

Toyota melengkapi layanan telematikanya dengan layanan Mobile Reward Exchange (MORE) yang dirancang dalam mobile platform untuk pengguna telepon seluler. Bagi konsumen yang mengikuti MORE akan mendapat informasi seputar M-Toyota dan info program.

Telematika Dari Clarion

Clarion Co., Ltd. (Tatsuhiko IZUMI, Presiden; selanjutnya disebut "Clarion") menciptakan Layanan Telematika Cloud "Smart Access" untuk menciptakan suasana berkendara yang lebih nyaman dan aman bagi para pengemudi. Layanan ini akan diluncurkan pada bulan Juni di Amerika Utara dan Jepang, dan akan diluncurkan dalam skala global secara bertahap. Kami berencana untuk memperkenalkan produk baru yang kompatibel dengan “Smart Access.” Dengan mengembangkan bisnis layanan telematika melalui "Smart Access," sekaligus dengan jajaran produk di dalam kendaraan yang baru yang memberikan konektivitas sebagai nilai tambah, Clarion akan berubah dari "produsen alat informasi di dalam kendaraan" menjadi "penyedia solusi informasi di dalam kendaraan."

Pasar Smartphone global tumbuh dengan pesat dan berpengaruh besar dalam industri otomotif. Dengan semakin luasnya orang yang menggunakan koneksi internet dan penggunaan aplikasi secara global, permintaan untuk menciptakan fitur baru, fungsionalitas dan nilai tambah melalui koneksi internet di dalam kendaraan terus meningkat dan akan menjadi kebutuhan global. Dengan membawa visi masa depan untuk pasar global ini, Clarion akan berupaya meningkatkan bisnis alat informasi di dalam mobil, dan menyediakan layanan telematika sebagai kontribusi terhadap masyarakat melalui alat OEM produsen mobil dan produk pelengkap. Ini sangat penting bagi masa depan Clarion, dan perusahaan akan mengambil langkah awal untuk "Smart Access," dilakukan upaya pengembangan melalui kerja sama dengan Hitachi Group.

Smart Access
Fitur Utama:

(1)Berbagai fungsi utama "Smart Access" termasuk konektivitas Smartphone, layanan VRM dan layanaan CRM.
Desain "Smart Access" menawarkan berbagai dukungan untuk item yang penting di masa mendatang, seperti: "Konektivitas Smartphone" sehingga beragam aplikasi Smartphone dapat digunakan di dalam mobil; "layanan VRM (Vehicle Relational Management System)" yang memantau mobil melalui manajemen perawatan dan keselamatan serta informasi sensor; "layanan CRM (Customer Relational Management System)" yang selalu memberikan informasi kepada pelanggan demi keamanaan; dan sistem panggilan darurat "E Call" yang diharapkan akan digunakan secara global di masa mendatang. Selain itu, fungsi “Smart Access” tidak hanya dirancang sebagai sistem telematika untuk Clarion saja, namun juga untuk sistem telematika lainnya untuk produsen mobil.

(2)Penetapan layanan cloud dan beragam konten yang dikembangkan melalui kerja sama dengan banyak mitra.
Melalui "Smart Access," Clarion akan menghubungkan pengguna ke informasi terbaru dalam waktu nyata dari berbagai sumber, menggunakan arsitektur dasar “Layanan Telematika Cloud”. Selain itu, untuk menyediakan aplikasi dalam kendaraan yang optimal dan menarik, akan dirancang dan dikembangkan konten baru selaras melalui kerja sama dengan banyak mitra yang merupakan ahli dalam bidang masing-masing.

(3)Menjaga kepercayaan dan keandalan berdasarkan keahlian teknologi, teknologi jaminan kualitas dan keamanan dalam mengembangkan alat informasi di dalam kendaraan.
Clarion akan terus menciptakan sistem koneksi internet yang aman di dalam kendaraan. Selain itu, karena pengembangan inti akan dilakukan melalui kerja sama dengan Hitachi Group, kita dapat meningkatkan kemampuan di dalam Hitachi Group secara kontinu, sehingga dapat menyediakan layanan yang aman bagi para pelanggan.

(4)Pengembangan yang berkelanjutan dan penetapan “Produk Koneksi Dalam Kendaraan.”
Dimulai dengan produk pelengkap yang akan mulai dijual pada bulan Juni 2012, alat di dalam kendaraan yang baru dikembangkan dan segera hadir seperti sistem navigasi mobil akan dilengkapi dengan antarmuka koneksi "Smart Access" sebagai nilai tambah untuk produk-produk “Koneksi Smart Access” dari Clarion. Karena Anda dapat sering memperbarui dan menambahkan konten aplikasi baru melalui "Smart Access," maka dapat terus tersedia nilai tambah bagi para pengguna meskipun pasca pembelian. Selain itu, dalam bisnis OEM, antarmuka akan bersifat sumber-terbuka (open-source) sehingga produsen mobil tidak hanya dapat memiliki konektivitas dengan alat di dalam kendaraan yang dibuat oleh produsen tersebut, namun juga dengan alat di dalam kendaraan dari produsen lain.





Ref:http://nurmarini.wordpress.com/2010/10/22/pengertian-telematika/ 
      http://www.bangwildan.web.id/berita-153-contoh-penerapan-telematika.html
      http://naisdoang.blogspot.com/2011/10/layanan-telematika-di-bidang.html
      http://www.clarion.com/id/id/newstopics/index_2012/120507_01/index.html#allContentsWrapper

Rabu, 24 Oktober 2012

Pengembangan Sistem Telematika untuk penggunaan pada Industri

Telematika adalah singkatan dari Telekomunikasi dan Informatika. Istilah telematika sering dipakai untuk beberapa macam bidang, sebagai contoh adalah:
  • Integrasi antara sistem telekomunikasi dan informatika yang dikenal sebagai Teknologi Komunikasi dan Informatika atau ICT (Information and Communications Technology). Secara lebih spesifik, ICT merupakan ilmu yang berkaitan dengan pengiriman, penerimaan dan penyimpanan informasi dengan menggunakan peralatan telekomunikasi.
  • Secara umum, istilah telematika dipakai juga untuk teknologi Sistem Navigasi/Penempatan Global atau GPS (Global Positioning System) sebagai bagian integral dari komputer dan teknologi komunikasi berpindah (mobile communication technology).
  • Secara lebih spesifik, istilah telematika dipakai untuk bidang kendaraan dan lalulintas 
 Perkembangan Telematika Di Indonesia 
Peristiwa proklamasi 1945 membawa perubahan yang bagi masyarakat Indonesia, dan sekaligus menempatkannya pada situasi krisis jati diri. Krisis ini terjadi karena Indonesia sebagai sebuah negara belum memiliki perangkat sosial, hukum, dan tradisi yang mapan. Situasi itu menjadi ‘bahan bakar’ bagi upaya-upaya pembangunan karakter bangsa di tahun 50-an dan 60-an. Di awal 70-an, ketika kepemimpinan soeharto, orientasi pembangunan bangsa digeser ke arah ekonomi, sementara proses – proses yang dirintis sejak tahun 50-an belum mencapai tingkat kematangan. 
Dalam latar belakang sosial demikianlah telekomunikasi dan informasi, mulai dari radio, telegrap, dan telepon, televise, satelit telekomunikasi, hingga ke internet dan perangkat multimedia tampil dan berkembang di Indonesia. Perkembangan telematika penulis bagi menjadi 2 masa yaitu masa sebelum atau pra satelit dan masa satelit.


Telematika di dalam kendaraan

 

Telematika menggabungkan sistem komunikasi dengan kendaran bergerak seperti mobil untuk menawarkan layanan informasi secara langsung. Clarion mengembangkan sebuah platform dalam kendaraan menggunakan Linux (sebuah sistem operasi yang menawarkan fungsi komunikasi yang unggul, handal, fleksible dan dapat ditingkatkan) dan Java™ (dengan produktifitas perangkat lunaknya yang tinggi dan aman). Platform ini telah dipasarkan sebagai bagian dari perangkat PA penutur bersintesis untuk digunakan di bis umum. Kami juga mengembangkan dan meluncurkan terminal dalam kendaraan CA-7000 yang serbaguna untuk digunakan dalam kendaraan komersial.

Dengan meningkatkan lebih lanjut fungsionalitas dari platform dalam kendaraan ini, kami sangat berharap dapat segera mencapai lingkungan Telematika yang ideal. Telematika: Dengan mengkombinasikan sistem komunikasi dengan oerangkat di dalam lingkungan bergerak seperti mobil untuk menawarkan layanan informasi secara langsung.

Platform Linux/Java™ di dalam kendaraan

 

Platform Linux/Java™

Layanan ASP Lokasi Bis Clarion

Layanan ASP Lokasi Bis Clarion
CA-7000


Referensi: http://www.clarion.com/id/id/tech/technology/linux_java/index.html

Kamis, 07 Juni 2012

Coding-Coding HTML Bagian Akhir


Membuat Tulisan Berjalan Ke atas :

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

<p style="font-size:10px;"><a href="http://www.quackit.com/create-a-blog/">How to make a blog</a></p>

 

Mengatur kecepatan Pergerakan Tulisan :

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

 Membuat Gambar Berjalan Ke Kiri :

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

 

Membuat Gambar dan Tulisan Berjalan Ke Kiri :

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Sample text under a <a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

</marquee>

Membuka Link Dengan Tampilan Jendela Baru:

<a href="http://www.contoh.com/html/html_help.cfm" target="_blank">HTML Help</a>

Membuat Scrol Teks Box Horizontal:

<div style="border:1px solid black;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">

<p style="width:250%;">

……..Tulis pesan…..

</p>

</div>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

Membuat Horizontal Scrolling Webpage:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Horizontal Scroll Bar Example</title>

</head>

<body style="width:120%;">

<h1>Horizontal Scrolling</h1>

<p>Use the bottom scroll bar to scroll horizontally... go on...<span style="float:right;width:40px;">I didn't think you were even going to notice me over here!</span></p>

<p style="font-size:10px;"><a href="http://www.quackit.com/create-a-blog/">How to make a blog</a></p>

</body>

</html>


HTML Link: Named Anchors

<h2>Link Targets<a name="link_targets"></a></h2>

Coding-Coding HTML Bagian 3


Membuat Background Color of a Single Cell :

<table style="background-color:lightblue;">

<tr style="background-color:blue;color:white;">

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td>Table cell 1</td><td style="background-color:lightgreen;">Table cell 2</td>

</tr>

</table>

Membuat Background Color of a Table Row :

<table style="background-color:lightblue;">

<tr style="background-color:blue;color:white;">

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td>Table cell 1</td><td>Table cell 2</td>

</tr>

</table>

 

Membuat Background Color for the Whole Table :

<table style="background-color:lightblue;">

<tr>

<th>Table header</th><th>Table header</th>

</tr>

<tr>

<td width="20%">Table cell 1</td><td>Table cell 2</td>

</tr>

</table>

Membuat Background Image :

<div style="background-image:url(/pix/smile.gif);

            background-repeat:repeat;

            width:200px;

            height:200px;">

<p>HTML background code is limited, CSS background code is much better!</p>

</div>

<p style="font-size:10px;"><a href="http://www.quackit.com/create-a-blog/">How to make a blog</a></p>

 

Membuat Backgrounds for the Whole Page :

<html>
<head>
</head>
<body style="background-color:#eeeeee;">
Link gambar di sini
</body>

Membuat Buletan pada teks Dengan tulisan Romawi :

<ul style="list-style-type:upper-roman;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Hiragana :

<ul style="list-style-type:hiragana;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Katakana :

<ul style="list-style-type:katakana;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks Dengan tulisan Katakana-iroha :

<ul style="list-style-type:katakana-iroha;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a


Membuat Buletan pada teks Dengan tulisan Hiragana-Iroha:

<ul style="list-style-type:hiragana-iroha;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a


Membuat Buletan pada teks tidak ada:

<ul style="list-style-type:none;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan tulisan cjk-ideographic :

<ul style="list-style-type:cjk-ideographic;">

<li>List item 1</li>

<li>List item 2</li>

<li>List item 3</li>

</ul>

<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan tulisan Hebrew:

<ul style="list-style-type:hebrew;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Buletan pada teks dengan menggunakan angka Nol :

<ul style="list-style-type:decimal-leading-zero;">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a

Membuat Background Music :


<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
hidden="true"
autostart="true">
</embed>





Menambahkan Kontrol Audio:

<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
width="300"
height="90"
hidden="false"
autostart="false">
</embed>

Menambahkan Email Kita:

<a href="mailto:homer@example.com">Email Homer</a>

Menambahkan Gambar pada Command Teks:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments" style="width:330px;height:221px; background:url(‘masukan web Link Gambar’);">
Enter your comments here...

...and watch your comment box grow scrollbars!
</textarea><br>
<input type="submit" value="Submit">
</form>
<p style="font-size:10px;"><a href="masukan link web blog kita /">How to make a blog</a></p>



Merubah Warna teks /ukuran pada command teks:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<textarea name="comments" id="comments" style="width:330px;height:221px;font:30px/40px cursive;color:#ffffff; background:url('Masukkan web link gambar');">
Enter your comments here...

...and watch your comment box grow scrollbars!
</textarea><br>
<input type="submit" value="Submit">
</form>
<p style="font-size:10px;"><a href="masukan link blog kita /">How to make a blog</a></p>

Memasukan video :

<object width="425px" height="360px" >
               <param name="allowFullScreen" value="true"/>
               <param name="wmode" value="transparent"/>
               <param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor="/>
               <embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>




Membuat HTML Pop up Windows :

<script type="text/javascript">

// Popup window code

function newPopup(url) {

            popupWindow = window.open(

                        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')

}

</script>

<a href="JavaScript:newPopup('Masukan link web kita');">Open a popup window</a>

 

Membuat Tulisan Berjalan ke kiri:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

 

Membuat tulisan Nerjalan Ke kanan kiri :

<marquee behavior="alternate">Your bouncing text goes here</marquee>

<p style="font-size:10px;"><a href="http://www.contoh.com/create-a-blog/">How to make a blog</a></p>

Coding-Coding HTML Bagian 2

Membuat Table 1:
<table border='5'><tr><td>TEKS K0MENT KAMU</tr></td></table>
Membuat Table 2:
<table border="6" class="success"><tr><td align="center">TEKS COMENT COMENT KAMU</td></tr></table>
Membuat Table 3:
<div style="text-align:center;"><table style="background-color:#FF0000;border:8px #00FF00 dotted;"><tr><th><table border="4" style="background-color:#FFFFFF;"><tr><td><b class="err">TEKS COMEN KAMU</b></td></tr></table></th></tr>
Membuat Table Sederhana:
<div style="text-align:center;><table width="100%"border="3"><tr><td width="100%"bg color="#BBBBBB"a lign="center">tulisan</a></div>
Membuat Table sederhana dengan latar gambar :
<div style="text-align:center;
background-image:url(URL GAMBAR);
border:black 3px double;
padding:2px;margin:2px;color;green">tulisan kita</div>
Membuat Table dengan div style:
<div style="background-color:black;
border-style:ridge;border-width:2px;border-color:red;margin:2px">
<div style='background-color:black;
border-style:ridge;border-width:2px;border-color:silver;margin:2px;
padding:2px'>
<tr>
<td align='center' bgcolor='black'>
tulisan kamu
<img src="http://URL PHOTO KAMU"><br><b>
</b></td></tr>
Membuat Table sederhana dengan latar Gambar2:
div style="text-align:center;background-image:url(http://www.babadbali.com/image/aksarabali/logoaksara.jpg);border:black 3px double;padding:2px;margin:2px;color;green"></div>
Membuat Kombinasi huruf tebal,miring,garisbawah:
<b><i><u>Kombinasi</u></i></b>
Membuat Huruf Hidden :
<span style="visibility: hidden">Hilang</span>
Membuat Huruf Besar semua (uppercase):
<span style="text-transform: uppercase">Besar</span>
Membuat Huruf Small caps:
<span style="font-variant: small-caps">Alay</span>
Membuat Huruf Subscribe / kecil di bawah:
<p>4<sub>2</sub></p>
Membuat Huruf Superscribe / pangkat:
<p>4<sup>2</sup></p>
Membuat Huruf bergaris atas:
<span style="text-decoration: overline">Belajar</span>
Menentukan jenis huruf:
<p><font-family="Arial" >Belajar</font></p>
Mengatur posisi bullet:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>

Membuat tabel border dot:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>

Membuat tabel border groove :
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>

Membuat tabel border Ridge:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>


Membuat tabel border Insert :
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>

Membuat tabel border Outset :
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>

Membuat Tabel berwarna :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel>

Membuat Tabel berwarna tak berbingkai :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel>

Membuat Subscrip Teks :
< sub > text < / sub >

Membuat Superscrip Teks :
< sup > text < / sup >

Membuat Mono Space :
< code > text < / code >

Membuat Quoted teks :
< q > tex < / q >



Membuat Teks Mesin Tik :
< tt>text kamu< /tt>

Membuat Menggunakan Classes :
<html>
<head>
<title>My Table Background Colors</title>
<style type="text/css">
.myTable { background-color:#FFFFE0;border-collapse:collapse; }
.myTable th { background-color:#BDB76B;color:white; }
.myTable td, .myTable th { padding:5px;border:1px solid #BDB76B; }
</style>
</head>
<body>
<table class="myTable">
<tr>
<th>Table header</th><th>Table header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
</body>
</html>