Powered By Blogger

Senin, 10 September 2012


Setiap orang pasti pernah mengalami rasa galau, tak terkecuali dengan Winston Churchill. Inilah kegalauan yang pernah dirasakan mantan Perdana Menteri Britania Raya semasa Perang Dunia ke-2.

“Saya hampir merayakan ulang tahun ke-12 ketika memasuki wilayah-wilayah ujian sekolah yang tidak ramah, yang, selama 7 tahun berikutnya, saya diwajibkan menempuh perjalanan itu. Ujian ibarat persidangan besar bagi saya. Subjek-subjek yang disukai para penguji hampir semuanya adalah materi-materi yang tidak saya sukai.

Sebenarnya, saya lebih suka diuji dalam subjek sejarah, puisi, dan menulis esai. Tetapi, di pihak lain, para penguji lebih suka Bahasa Latin dan matematika. Dan kehendak merekalah yang berlaku. Terlebih lagi, pertanyaan-pertanyaan yang mereka ajukan tentang kedua subjek tersebut adalah pertanyaan-pertanyaan yang hampir sama sekali tidak mampu saya jawab dengan memuaskan.

Saya sebenarnya lebih suka jika diminta untuk mengatakan apa yang saya ketahui benar-benar. Tetapi mereka selalu mencoba menanyakan apa yang tidak saya ketahui. Ketika saya hendak bermaksud menunjukkan pengetahuan saya, mereka mencoba mencari-cari dan mengungkap ketidaktahuan saya. Perlakuan semacam itu hanya akan mengakibatkan satu hasil, saya tidak dapat mengerjakan soal-soal ujian dengan baik."

Ujian sekolah sangat berbeda dengan ujian hidup. Ujian sekolah merupakan bagian kecil dari ujian hidup. Sesulit apa pun ujian sekolah, pasti ada kunci jawabannya. Tapi ujian hidup, kunci jawabannya ada pada kesadaran untuk mengambil hikmah atas setiap kejadian yang dialami.


Ujian, fase hidup yang harus dilewati agar bisa "naik kelas". Tanda naik kelas bisa ditunjukkan lewat bertambahnya pengalaman hidup, konsistennya semangat belajar, terjaganya sikap kejujuran, makin terasah keterampilan hidup, serta indikator sejenis lainnya.

Ujian sekolah mestinya bisa menguji pula cara berpikir dan bersikap murid. Memang, hasil ujian sekolah pada akhirnya hanya menorehkan sejumlah angka dan huruf, yang menunjukkan murid berhasil atau gagal mengikuti suatu program pendidikan. Itu sudah tepat. Meski masih ada yang kurang, jika hanya aspek pengetahuan saja yang diujikan.

Kondisinya malah lebih mengenaskan, jika ujian itu tak mampu melatih serta makin mengasah keterampilan hidup yang mestinya bisa dikuasai murid. Bisa dipastikan, ketika ujian telah berlalu, maka tak ada satu kemampuan khusus dimiliki murid. Ada dan tiadanya ujian sekolah, tak mampu membuat keterampilan hidup murid semakin terasah dan membuat mereka siap menghadapi tantangan hidup di masa depan kelak.

Ujian sekolah, apa pun jenis serta namanya, entah itu ulangan harian, ujian semester, maupun ujian nasional, hal itu merupakan simbolisasi proses evaluasi perkembangan belajar siswa di suatu sekolah. Persoalan muncul ketika hasil ujian sekolah tak mampu mengubah keterampilan murid untuk mengantisipasi persoalan kehidupan.

Boleh jadi seorang murid punya nilai bagus untuk ujian matematikanya. Tapi, mampukah murid gunakan ilmu matematika tersebut untuk mengambil keputusan penting dalam hidupnya? Murid bisa jawab soal ujian tentang tahun terjadinya perang Diponegoro. Tapi, bisakah murid mencari makna hidup dari kalahnya Pangeran Diponegoro ketika berperang melawan penjajah?

Sehebat apa pun ujian sekolah, tetap terbatas pada soal menguji pengetahuan saja. Padahal, hidup tak cukup bermodal pengetahuan. Tapi mesti mampu mengkombinasikan pengetahuan, sikap hidup yang tepat, dan keterampilan yang dimiliki, untuk menjadi modal dalam mengarungi persaingan hidup.

Adakah satu cara untuk menakar kualitas pengetahuan, sikap, serta keterampilan hidup kita secara bersamaan? Itulah ujian hidup. Ujian hidup menuntut kita untuk selalu bersiaga, agar tetap konsisten belajar sampai akhir hayat. Sekolah baru disebut kreatif, jika di saat murid harus mengikuti ujian pengetahuan, secara tersirat murid pun diuji untuk mampu tetap bersikap jujur, mampu mengelola waktu belajar, mampu menggunakan strategi belajar efektif dan menguji keterampilan hidup lainnya di luar konten materi ujian sekolah.

Ken Key (President Partnership for 21st Century Skills) menyatakan, bahwa sosok manusia abad 21 harus memiliki beberapa keterampilan dasar penting, di antaranya: (1) Pemikir yang kritis; (2) Seorang penyelesai masalah; (3) Dapat berkomunikasi secara efektif; (4) Dapat berkolaborasi secara efektif; (5) Dapat mengarahkan diri sendiri; (6) Paham akan informasi dan media; (7) Paham dan sadar akan fenomena global;(8) Memikirkan kepentingan umum; (9) Terampil dalam keuangan, ekonomi, dan kewirausahaan.

Pertanyaan kritisnya, apakah dunia pendidikan lewat aktivitas di sekolah, telah mampu menghasilkan sumber daya manusia yang punya seabrek keterampilan hidup agar bisa menjadi manusia abad 21? Ujian sekolah dapat dipastikan takkan mampu jawab tantangan ini. Hanya ujian hidup saja yang akan mampu membuat murid selalu sadar untuk terus belajar sepanjang hayat.

Sekolah terbatas pada jenjang pendidikan tertentu. Itu pun, jika mampu membayar biayanya yang kini sudah setinggi langit.

Kehidupan, sekolah terbaik yang memberikan keleluasaan siapa pun untuk mempelajari sesuatu yang berharga dalam hidup. Sayangnya, sekolah tak pernah ajarkan bagaimana caranya bisa survive dalam hidup. Lucunya, orang-orang lulusan sekolah bahkan tak mampu atasi persoalan hidup mereka. Lantas, apa yang sudah mereka lakukan di sekolah? Apakah ujian sekolah tak mampu menjadi ajang latihan menyelesaikan persoalan hidup yang jauh lebih rumit?

Kehidupan, punya teka-teki menarik untuk dipelajari. Gratis, tak usah bayar untuk mengikuti ujian kehidupan. Tak ada seabrek syarat agar kita bisa ikut ujian kehidupan. Modalnya hanya satu, kemauan untuk terus belajar. Maaf, tak ada sertifikat kelulusan bagi yang sudah melakoni ujian kehidupan. Kemandirian dalam cara berpikir dan bersikap, itulah tanda orang-orang yang lulus ujian kehidupan. Tengok sebentar mereka yang lulus ujian sekolah? Corat-coret seragam jadi pilihan sikap karena merasa sudah lulus ujian. Lantas setelah itu, mereka bingung apa yang mesti diperbuat untuk masa depan mereka? Sungguh memilukan. 

UNTUK KELAS X
LEMBAR JAWABAN QUIS
http://www.4shared.com/rar/HeXig4-L/LEMBAR_JAWABAN.html

Jumat, 07 September 2012


Lukisan Tuhan Atas Hidupmu

Suatu malam, saya bermimpi setelah saya berdoa tentang begitu banyak hal dalam hidup yang mengganggu saya dan bertanya kepada Tuhan, "Mengapa ini terjadi?" Di dalam mimpi tersebut, saya sedang duduk di samping kanvas besar yang tertutup dan Tuhan berdiri di hadapan saya. Perlahan-lahan Dia mengangkat lukisan kanvas hidup saya sambil berkata-kata:

"Anak-Ku, Aku telah mendengar pertanyaan mengapa-mu. Aku ingin menunjukkan kepadamu apa yang telah Ku-lukis di kanvas kehidupanmu. Aku tahu kau berpikir bahwa Aku tidak mendengar doa-doamu, tapi Aku jamin Aku mendengar setiap kata, karena Aku berada di sana bersamamu. Kamu lihat, Aku sedang melukis kehidupanmu di sebuah kanvas. Aku melihat setiap air mata, dan setiap saat tersebut, Aku telah melukisnya."

"Kamu lihat, Aku melukis hidupmu ketika kamu dalam kesakitan dan mencatnya dengan warna biru safir, warna yang sangat Ku-sukai. Aku melukis hidupmu ketika kamu merasa sendirian dan mencatnya dengan merah. Aku melukis hidupmu ketika kamu bahagia, dan mencatnya dengan warna emas. Aku melukis hidupmu ketika kamu berlari ke lengan-Ku, menghabiskan banyak waktu dengan Aku dan Aku mencatnya dengan warna ungu."

Dia mengangkat potret dan saya pun menahan napas, ketika saya melihat kanvas hidup saya - Dia telah melukis pelangi tersebut yang sebelumnya belum pernah saya lihat. Disaat itulah saya sadar bahwa Dia telah berada di sana sepanjang waktu dalam hidup saya. Lewat semua kejadian yang telah saya lalui, Dia ingin membuat hidup saya seperti lukisan pelangi.

Dia menggunakan semua warna ... semua waktu tersebut... Dia ada disana, tepat di samping saya, menyebabkan semuanya bekerja sama untuk kebaikan saya. Dan dari semua hal tersebut, Dia telah menciptakan keindahan seperti pelangi yang kedua mata saya sendiri tidak bisa melihat seluruhnya.

Pr kelas XII
KLIK LINK INI
http://www.4shared.com/photo/A3bmTsXp/Presentation1.html

Kamis, 06 September 2012


Surat Kecil untuk Tuhan
ANDAI Aku BISA KEMBALI
Aku INGIN TIDAK ADA TANGISAN
ANDAI Aku BISA KEMBALI
Aku TIDAK INGIN ADA LAGI HAL YANG SAMA TERJADI PADAKU
TERJADI PADA SIAPAPUN
TUHAN ANDAI Aku BISA MEMOHON
JANGAN ADA TANGIS DAN DUKA DI DUNIA LAGI
TUHAN ANDAI Aku BISA MENULIS SURAT UNTUKMU
JANGAN PISAHKAN Aku DARI SAHABAT DAN ORANG YANG Aku SAYANGIN.
Aku INGIN MENJADI DEWASA SEPERTI BURUNG YANG BISA TERBANG KETIKA IA DEWASA
Aku INGIN AYAH MELIHAT Aku KETIKA Aku MEMILIKI LAGI KEINDAHAN GERAIAN RAMBUT..
TUHAN SURAT KECILKU INI..
ADALAH PERMINTAAN TERAKHIKU ANDAI Aku BISA KEMBALI..

Itulah untaian kata yang tertera dalam surat kecilnya kepada Tuhan. Agnes Davonar, yang lebih dikenal sebagai cerpenis online mendapat kesempatan untuk menuangkan kisah nyata gadis kecil ini dalam sebentuk karya sastra.
Dialah Gitta Sassa Wanda Cantika, kita mengenalnya sebagai mantan artis cilik era 1998. gadis kecil inilah tokoh utama dalam novel Surat Kecil Untuk Tuhan yang divonis menderita kanker ganas dan diprediksi hidupnya hanya tinggal 5 hari lagi.

Di usianya yang baru menginjak 13 tahun, sebuah kanker ganas yang langka mnyerangnya dan nyaris membuat wajahnya menjadi tampak seperti monster.
Dokter yang memeriksanya memvonis gitta ..... dia akan mati dalam waktu 5 hari bila tidak melakukan operasi.
Orang tuanya berat mengambil keputusan, bagaimanapun juga sebagai orang tuanya, mereka tidak tega melihat separuh wajah putrinya harus hilang karena operasi.

Kasus kanker ganas yang diidap oleh Gitta menjadi kasus pertama yang terjadi di Indonesia dan menjadi sebuah perdebatan di kalangan kedokteran karena kanker tersebut biasa hanya terjadi pada orang tua.
Namun, Tuhan memang maha adil. Dengan segala upaya akhirnya orang tua nya, Gitta mendapatkan kesempatan untuk sembuh setelah bertahan selama 6 bulan melalui kemotrapi untuk membunuh sel - sel kanker yang menggerogoti tubuhnya.
 Sekali Kemotrapi, mampu merontokka semua rambut yang ada di tubuhnya, dan tubuh kecil Gitta harus menjalaninya hingga .. 25 kali untuk bisa sembuh.

Namun..., ketegaran Gitta dan semangatnya untuk terus bertahan hidup mampu membuatnya mengirup udara 6 bulan lebih lama. Dunia kedokteran pun dibuat tercengang atas keberhasilan tim dokter Indonesia memperlambat pertumbuhan sel kanker Ditta. Karena dalam beberapa kasus yang terjadi, kanker langka ini mampu merenggut nyawa hanya dalam hitungan hari.
Ketika semua orang bersuka cita pada kesembuhan gitta, namun  rupanya kesempatan sembuh itu hanya sebuah kesempatan.
etelah 6 bulan.., kanker itu datang kembali dengan menjadi lebih ganas. Gitta pun pasrah melewatkan hidupnya dengan kanker yang semakin mengganas wajahnya hingga menyentuh paru parunya.

Hebatnya, dengan wajah yang hampir menghilang dan menyerupai monster,  ia nekad ingin sekolah menyelesaikan pendidikannya. Hinaan bahkan cacian dari orang orang yang melihatnya tidak ia pedulikan. Dan, yang paling menyedihkan adalah ketika ujian kenaikan kelas disaat  tangannya tak mampu lagi bergerak hingga hidungnya mimisan mengeluarkan darah, dirinya masih ingin terus ujian dan lulus naik kelas.
Tekadnya sekuat baja sampai - sampai ibu Megawati memberikan penghargaaan khusus padanya sebagai siswa teladan.

Tapi.... kematian adalah sebuah kepastian. Tuhan mempunyai rencana lain dalam diri gadis itu. Membebaskannya dari rasa sakit yang dideritanya.
Dan akhirnya,  setelah 3 tahun lamanya ia berperang melawan ganasnya kanker, Tuhan datang menjemputnya.

Biografi Ditta ditulis ulang oleh Agnes Danovar dan diterbitkan oleh Gramedia. Kisah yang menyentuh ini merupakan sebuah inspirasi kehidupan. Bagaimana seorang gadis kecil mampu berjuang dengan begitu hebatnya, hingga di detik - detik kematiannya... ia dapat merampungkan Sebuat surat yang ditujukan kepada Tuhan dan kepada kita semua....

PR UNTUK KELAS IX 
PIlih Link Ini

Senin, 03 September 2012


Creating an HTML Document

A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor, which will write the code for you.

HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than (>) brackets and may be written in capital or lower case letters.

The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.

<font size=2>

An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.

<font size=2>

Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign.

The value follows the equal sign and is enclosed in quotes.

<font size=2>


Basic Code Structure

Begin writing your HTML tags by creating your document's basic layout. Copy and paste this code into your text or HTML editor.



<html>
<head>
<title>Your Page Title</title>
</head>
<body>

This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.

For a complete list of HTML codes, tags and examples, see the HTML chart below.

</body>
</html>


PC Speed Doctor
<html> - Begins your HTML document.

<head> - Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.


<title> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser.

</title> - Closes the HTML <title> tag.

</head> - Closes the HTML <head> tag.

<body> - This is where you will begin writing your document and placing your HTML codes.

</body> - Closes the HTML <body> tag.

</html> - Closes the <html> tag.


How to Copy and Paste

To copy and paste the HTML tags / codes from the HTML chart below into the HTML of your web page, place your mouse pointer over the beginning of the HTML code you would like to copy.  Next, click and hold your left mouse button and drag your mouse over all the HTML code you would like to copy (Example of highlighted text). Your HTML code should now be highlighted. Go to "Edit" - "Copy" on your web browser's toolbar and then place your cursor within your HTML code where you would like to place the code. Right click on your mouse and go to "Paste." Your HTML code should now be displaying within your HTML document.


eTips Member Login
Enter your email address and password to enter the private membership area:


Email:
Password:


Lost Password?
Email:


Not yet a member?

Click here to see what you're missing! Club members receive access to dozens of free video tutorials, utilities and ebooks.






Note: For additional tutorials to assist you in HTML and much more, click here to sign up for our free membership club. You will instantly receive a wealth of quality information, such as dozens of video tutorials, several informative ebooks, utilities to assist you in creating buttons, tables, meta tags, and more. Best of all, it's completely free.
HTML Tags Chart
To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.
Tag
Name
Code Example
Browser View
<!--
comment
<!--This can be viewed in the HTML part of a document-->
Nothing will show (Tip)
<a -
anchor
<a href="http://www.domain.com/">
Visit Our Site</a>
Visit Our Site (Tip)
<b>
bold
<b>Example</b>
Example
<big>
big (text)
<big>Example</big>
Example (Tip)
<body>
body of HTML document
<body>The content of your HTML page</body>
Contents of your web page (Tip)
<br>
line break
The contents of your page<br>The contents of your page
The contents of your web page
The contents of your web page
<center>
center
<center>This will center your contents</center>
This will center your contents
<dd>
definition description
<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<dl>
definition list
<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<dt>
definition term
<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>
Definition Term
Definition of the term
Definition Term
Definition of the term
<em>
emphasis
This is an <em>Example</em> of using the emphasis tag
This is an Example of using the emphasis tag
<embed>
embed object
<embed src="yourfile.mid" width="100%" height="60" align="center">
<embed>
embed object
<embed src="yourfile.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" loop="1"></noembed>


Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.
<font>
font
<font face="Times New Roman">Example</font>
Example (Tip)
<font>
font
<font face="Times New Roman" size="4">Example</font>
Example (Tip)
<font>
font
<font face="Times New Roman" size="+3" color="#ff0000">Example</font>
Example (Tip)
<form>
form
<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" size="10"><br>
Email: <input name="Email" value="" size="10"><br>
<center><input type="submit"></center>
</form>
Name: (Tip)
Email:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
heading 1
heading 2
heading 3
heading 4
heading 5
heading 6
<h1>Heading 1 Example</h1>
<h2>Heading 2 Example</h2>
<h3>Heading 3 Example</h3>
<h4>Heading 4 Example</h4>
<h5>Heading 5 Example</h5>
<h6>Heading 6 Example</h6>

<head>
heading of HTML document
<head>Contains elements describing the document</head>
Nothing will show
<hr>
horizontal rule
<hr />

Contents of your web page (Tip)

Contents of your web page
<hr>
horizontal rule
<hr width="50%" size="3" />
Contents of your web page

Contents of your web page
<hr>
horizontal rule
<hr width="50%" size="3" noshade />
Contents of your web page

Contents of your web page
<hr>
(Internet
Explorer)
horizontal rule
<hr width="75%" color="#ff0000" size="4" />
Contents of your web page

Contents of your web page
<hr>
(Internet
Explorer)
horizontal rule
<hr width="25%" color="#6699ff" size="6" />
Contents of your web page

Contents of your web page
<html>
hypertext markup language
<html>
<head>
<meta>
<title>Title of your web page</title>
</head>
<body>HTML web page contents
</body>
</html>
Contents of your web page
<i>
italic
<i>Example</i>
Example
<img>
image
<img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" />
<input>
input field
Example 1:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>
Example 1: (Tip)

<input>
(Internet Explorer)
input field
Example 2:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>
Example 2: (Tip)

<input>
input field
Example 3:

<form method=post action="/cgi-bin/example.cgi">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
</form>
Example 3: (Tip)
<input>
input field
Example 4:

<form method=post action="/cgi-bin/example.cgi">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form>
Example 4: (Tip)

<input>
input field
Example 5:

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option >option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>
Example 5: Tip)

Select an option:
<input>
input field
Example 6:

<form method=post action="/cgi-bin/example.cgi">
Select an option:<br>
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
<input type="radio" name="option"> Option 3
<br>
<br>
Select an option:<br>
<input type="checkbox" name="selection"> Selection 1
<input type="checkbox" name="selection" checked> Selection 2
<input type="checkbox" name="selection"> Selection 3
<input type="Submit" value="Submit">
</form>
Example 6: (Tip)

Select an option:
Option 1
Option 2
Option 3

Select an option:
Selection 1
Selection 2
Selection 3
<li>
list item
Example 1:

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</MENU>

Example 2:

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Example 1: (Tip)
  • List item 1
  • List item 2
  • List item 3

Example 2:
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
<link>
link
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<marquee>
(Internet
Explorer)
scrolling text
<marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee>
<menu>
menu
<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>
  • List item 1
  • List item 2
  • List item 3
<meta>
meta
<meta name="Description" content="Description of your site">
<meta name="keywords" content="keywords describing your site">
Nothing will show (Tip)
<meta>
meta
<meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/">
Nothing will show (Tip)
<meta>
meta
<meta http-equiv="Pragma" content="no-cache">
Nothing will show (Tip)
<meta>
meta
<meta name="rating" content="General">
Nothing will show (Tip)
<meta>
meta
<meta name="robots" content="all">
Nothing will show (Tip)
<meta>
meta
<meta name="robots" content="noindex,follow">
Nothing will show (Tip)
<ol>
ordered list
Numbered

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered Special Start

<ol start="5">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Letters
<ol type="a">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters

<ol type="A">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters Special Start

<ol type="A" start="3">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Roman Numerals

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals

<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals Special Start
<ol type="I" start="7">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Numbered
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Numbered Special Start
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Lowercase Letters
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Capital Letters
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Capital Letters Special Start
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Lowercase Roman Numerals
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Capital Roman Numerals
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
Capital Roman Numerals Special Start
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
<option>
listbox option
<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>
Select an option: (Tip)
<p>
paragraph
This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines.

Attributes:

Example 1:<br>
<br>
<p align="left">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 2:<br>
<br>
<p align="right">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 3:<br>
<br>
<p align="center">
This is an example<br>
displaying the use<br>
of the paragraph tag.
This is an example displaying the use of the paragraph tag.
This will create a line break and a space between lines.

Attributes:

Example 1:

This is an example
displaying the use
of the paragraph tag.
Example 2:

This is an example
displaying the use
of the paragraph tag.
Example 3:

This is an example
displaying the use
of the paragraph tag.
<small>
small (text)
<small>Example</small>
Example (Tip)
<strike>
deleted text
<strike>Example</strike>
Example
<strong>
strong emphasis
<strong>Example</strong>
Example
<table>
table
Example 1:

<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 2: (Internet Explorer)

<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 3:

<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc">Column 1</td>
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>
Example 1: (Tip)
Column 1
Column 2

Example 2: (Tip)
Column 1
Column 2

Example 3: (Tip)
Column 1
Column 2
Row 2
Row 2
<td>
table data
<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>

</tr>
</table>

Column 1
Column 2
<th>
table header
<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>

</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>
Column 1
Column 2
Column 3
Row 2
Row 2
Row 2
Row 3
Row 3
Row 3
Row 4
Row 4
Row 4
<title>
document title
<title>Title of your HTML page</title>
Title of your web page will be viewable in the title bar. (Tip)
<tr>
table row
<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
Column 1
Column 2
<tt>
teletype
<tt>Example</tt>
Example
<u>
underline
<u>Example</u>
Example
<ul>
unordered list
Example 1:<br>
<br>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<br>
Example 2:<br>
<ul type="disc">
<li>List item 1</li>
<li>List item 2</li>
<ul type="circle">
<li>List item 3</li>
<li>List item 4</li>
</ul>
</ul>
Example 1:
  • List item 1
  • List item 2

Example 2:
  • List item 1
  • List item 2
    • List item 3
    • List item 4

Untuk PR kelas XI-IPA  klik Link 
Di bawah ini