Translate

berita dari news.detik

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Kamis, 30 Januari 2014

Cara Ampuh Meningkatkan IQ



18 Cara Ampuh Meningkatkan IQ Anda

meningkatkan iq
1. Tarik Nafas Dalam-dalam.
Dengan bernafas melalui hidung anda bisa meningkatkan fungsi otak anda dengan cepat. Menarik nafas dalam-dalam memberikan asupan oksigen lebih banyak pada darah anda, dan tentunya pada otak anda. Tingkat oksigen rendah pada darah anda akan mengurangi fungsi otak anda. Jika anda berminat, anda bisa mencoba melakukan olahraga pernafasan.
2. Buatlah Jurnal.
Catharine M. Cox, seorang penulis buku, pernah mempelajari kebiasaan 300 orang jenius – seperti Isaac Newton, Einstein, dan Thomas Jefferson – dan menemukan bahwa semua orang jenius tersebut merupakan penulis jurnal atau buku harian yang rajin. Juga, ingatlah bahwa Thomas Edison menulis 3 juta halaman catatan, surat, dan pemikiran pribadinya dalam ratusan jurnal pribadi sepanjang hidupnya.
3. Belajarlah Sebanyak Mungkin.
Ketika kita mempelajari hal-hal baru, kita menciptakan bagian aliran arus syaraf baru dalam otak kita. Orang yang “pintar” adalah seseorang yang memiliki aliran arus lebih banyak dibandingkan dengan orang lain. Otak manusia akan menciptakan aliran arus syaraf dengan mempelajari hal-hal baru; dan semakin beragam hal yang dipelajari, semakin “pintar” pula otak kita.
4. Belajarlah Membaca Cepat.
Photo Reading merupakan teknik yang sangat mudah dipelajari yang akan membantu anda memproses informasi tertulis dalam jumlah besar lebih cepat dan membantu anda mengingat informasi tersebut lebih baik dibandingkan dengan metode tradisional yang diajarkan di sekolah.
Meskipun kebanyakan teknik membaca cepat mengajarkan anda cara untuk menggerakkan mata anda dengan lebih cepat dalam setiap halaman yang anda baca, Photo Reading merupakan sistem membaca yang mengajarakan anda untuk menggunakan pikiran sadar dan bawah sadar anda ketika membaca. Pada dasarnya, Photo Reading dapat dilakukan dengan menggunakan beberapa bahan bacaan yang mudah dibaca dengan menerapkan beberapa teknik yang berbeda setiap waktu. Bahan pertama melibatkan pikiran sadar anda dan menggunakan metode lain untuk meningkatkan daya ingat anda dan memahami materi.
5. Ambil Waktu Singkat untuk Beristirahat Secara Berkala.
Belajarlah selama 20 menit lalu ambil waktu untuk beristirahat secara singkat. Metode ini efektif karena hal-hal yang anda pelajari pada awal dan akhir pada sesi belajar anda akan bertahan lebih lama dalam ingatan anda. Anda bisa mengunduh (download) Motivator Software secara cuma-cuma sehingga setiap 20 menit akan muncul pesan pada komputer anda yang mengingatkan anda untuk beristirahat.
6. Gunakan Akronim untuk Mengingat Informasi.
Akronim merupakan bentuk singkatan yang dibentuk dari huruf awal setiap kata. Metode ingatan ini akan membantu anda untuk mempelajari informasi dalam jumlah besar dalam waktu yang singkat. Sebagai contoh, “Every Good Boy Does Fine” merupakan akronim yang sering digunakan para musisi untuk mengingat nada dalam kunci tertentu.
7. Sarapan Pagi.
Sarapan telah terbukti dapat meningkatkan daya konsentrasi, kemampuan memecahkan masalah, kinerja mental, daya ingat, dan mood. Sarapan merupakan kesempatan pertama bagi tubuh untuk mengisi ulang level glukosa setelah periode 8 hingga 12 jam tanpa makanan. Glukosa merupakan sumber utama energi bagi tubuh anda.
8. Gunakan Tubuh Anda untuk Membantu Anda Mempelajari Sesuatu.
Gerakan tubuh merupakan proses kunci dalam perkembangan dan proses belajar. Brain Gym (Olahraga Otak) merupakan program olahraga yang sederhana, yang dikembangkan selama 25 tahun oleh para spesialis pendidikan, Dr. Paul Dennison. Brain Gym dapat membantu anda dalam hal-hal sebagai berikut:
- Pemahaman
- Konsentrasi
- Berpikir secara abstrak
- Daya ingat
- Keletihan mental
- Kemampuan menyelesaikan tugas
- Keseimbangan fisik dan koordinasi
Klik disini untuk menemukan 3 latihan Brain Gym yang bisa anda lakukan (”Brain Buttons”, “Cross Crawl”, and Hook Ups”).
9. Meditasi.
Neuropsychologist mengatakan bahwa meditasi dapat mengubah struktur otak anda. Hasil scan MRI dari para meditator menunjukkan kegiatan otak lebih banyak dalam sirkuit otak anda khususnya dalam memperhatikan sesuatu. Ketika suara-suara mengganggu diperdengarkan pada para meditator yang sedang melalui Scan MRI, suara-suara tersebut hanya memiliki pengaruh kecil pada area dalam otak mereka yang melibatkan emosi dan proses pengambilan keputusan dibandingkan dengan orang-orang yang tidak bermeditasi atau meditator yang kurang berpengalaman.
10. Jauhi Makanan yang Mengandung Gula.
Karbohidrat dalam bentuk apapun – seperti pasta, roti putih dan keripik kentang – dapat membuat anda merasa lelah dan malas. Efek dari memakan makanan ini akan membuat anda sulit berpikir jernih. Hal ini merupakan hasil dari insulin yang mengalir dalam darah anda untuk menangkal kadar gula yang terlalu tinggi.
11. Olah Kecerdasan Emosional (EI) Anda.
Selama bertahun-tahun publik memberikan banyak penekanan pada aspek kecerdasan, seperti kemampuan berpikir logis, matematis, pemahaman ruang, analogi, verbal, dan lain-lain. Namun, selama beberapa tahun terakhir, banyak orang merasa mereka membuang potensi yang mereka miliki dengan berpikir, bersikap, dan berkomunikasi dalam cara-cara yang menghambat peluang mereka mencapai kesuksesan. Kecerdasan emosi diakui sebagai kemampuan meta fisik yang memungkinkan anda untuk memanfaatkan kemampuan serta bakat yang anda miliki secara optimal. Ikutilah tes kecerdasan emosi disini.
12. Manfaatkan Setiap Waktu Anda.
Manfaatkan setiap waktu, contohnya ketika anda menggunakan transportasi publik atau mengantri, secara produktif. Selesaikan teka-teki silang atau Sudoku ketika menunggu di antrian dan dengarkan program audio ketika menggunakan transportasi publik.
13. Jogging.
Seorang pakar menjelaskan bahwa anda bisa meningkatkan mood, mencegah hilang ingatan, mempertajam kecerdasan anda, dan bekerja dengan lebih baik hanya dengan mengolah detak jantung anda dan berkeringat. Bukti ilmiah menunjukkan bahwa olahraga aerobic membentuk kembali otak kita untuk mencapai kinerja optimal.
14. Latih Semua Indra Anda.
Para ilmuwan menemukan bahwa otak manusia belajar paling efektif melalui kegiatan-kegiatan yang melibatkan berbagai indra. Anak-anak dan orang dewasa belajar sangat baik ketika mereka belajar melalui kegiatan yang melibatkan penglihatan, suara, emosi, timbale balik, orientasi ruang, dan bahkan indra pengecap dan perasa.
Mike Adams, seorang penulis buku, menjelaskan dalam bukunya bahwa seorang anak yang diberikan definisi “tanpa bobot” secara verbal memperoleh informasi mengenai kata tersebut melalui 1 dimensi: pendengaran. Jika anda menunjukkan kepada seorang anak film mengenai seorang astronot yang mengapung di luar angkasa ketika anda mengucapkan kata “tanpa bobot”, anda memberikan informasi kata tersebut melalui 2 dimensi; dimana si anak melihat dan mendengar kata tersebut. Dan jika anda menyuruh si anak melompat-lompat menggunakan trampoline dan meneriakkan kata “tanpa bobot” ketika si anak berada di udara, pengertian kata tersebut akan semakin tertanam lebih dalam di otaknya.
15. Latihlah Gelombang Otak Alpha Anda.
Penelitian menemukan bahwa kondisi ideal untuk belajar adalah ketika otak sedang dalam kondisi santai, namun tetap fokus dan terjaga. Dalam keadaan ini gelombang otak berjalan sekitar 8 hingga 12 siklus per detik, yang dikenal dengan istilah kondisi alpha.
16. Konsumsilah Antioksidan.
Antioksidan melindungi sel-sel tubuh anda, termasuk sel otak anda. Beberapa makanan dengan kandungan antioksidan tinggi antara lain: kismis, bluberry, blackberry, bawang putih, cranberry, strawberry, bayam, dan raspberry.
17. Gunakan Intuisi Anda.
Belajarlah untuk menggunakan intuisi menjadi sebuah proses mengumpulkan informasi. Dengan mengandalkan intuisi anda, anda memperluas kewaspadaan dan mengarahkan anda pada alam bawah sadar anda untuk mengumpulkan informasi dari lingkungan sekitar anda.
18. Gunakan Sistem Pembantu Memori.
Sistem pembantu memori, atau yg dikenal dengan istilah system objek angka, merupakan teknik untuk mengingat daftar. System ini bekerja dengan mengingat-ingat daftar kata yang dengan mudah dapat “dikaitkan” dengan angka yang diwakili oleh kata-kata tersebut. (1-10, 1-100, dan seterusnya). Itulah memori anda. Jika anda harus mengingat sebuah daftar dalam waktu singkat, setiap benda dalam daftar tersebut dapat anda sesuaikan dengan angka yang cocok. Setelah anda mengingat-ingat angka-angka tersebut, anda bisa menggunakan angka yang sama berulang kali setiap kali anda perlu mengingat-ingat sesuatu.
Ketika anda harus menghafalkan hal-hal yang berada dalam daftar, visualisasikan benda tersebut dengan angka yang anda miliki. Anda bisa memilih kata-kata yang memiliki rima yang sama dengan angka tersebut, berikut contoh yang diambil dari Wikipedia:
• 1-gun
• 2-zoo
• 3-tree
• 4-door
• 5-hive
• 6-bricks
• 7-heaven
• 8-plate
• 9-wine
• 10-hen
Sebagai contoh, jika anda menghafalkan 10 benda yang anda ingin beli di toko obat: kapas (cotton ball), pasta gigi (toothpaste), permen karet (gum), kertas (paper), lem (glue), kartu index (index cards), multivitamin (multivitamins), krim tangan (hand cream), shampoo, dan kutek (nail polish). Lakukan hal berikut:
1. Bayangkan kapas (cotton balls) ditembakkan dari pistol (gun)
2. Bayangkan seekor gorila di kebun binatang (zoo) sedang menggosok giginya
3. Bayangkan sebuah pohon (a tree) dengan sebungkus permen karet (gum) tumbuh pada cabangnya
4. Bayangkan seseorang masuk melalui pintu kertas (paper door)
5. Bayangkan se-toples lem (glue) dikeliling lebah seakan-akan toples tersebut adalah sarang lebah (beehive)
6. Bayangkan sebuah rumah terbuat dari bata (bricks) kartu index (index cards)
7. Bayangkan malaikat (angels) sedang minum multivitamin.
8. Bayangkan sebuah piring (a plate full) berisi krim tangan (hand cream)
9. Bayangkan sebuah gelas wine (a wine glass) berisi shampoo.
10. Bayangkan seekor ayam jantan (a hen) dengan kuku berwarna merah (bright red nails).

Senin, 28 Oktober 2013

Trend Potongan Rambut Cowok Ala Korea 2013

Trend Potongan Rambut Cowok Ala Korea 2013

Trend Potongan Rambut Cowok Ala Korea 2013 – Buat cowok Indonesia yang suka bergaya, dan sangat memperhatikan penampilan mungkin bisa menjadi bahan acuan penampilan kalian. Langsung saja berikut ini adalah beberapa model rambut pria korea terbaru 2013 yang sedang menjadi tren model rambut di korea.
1. Short Hair Mohicans Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+Male+01 Trend Potongan Rambut Cowok Ala Korea 2013
Pada Gaya Model Rambut Pria Korea Terbaru 2013 ini, kedua sisi rambut dipotong pendek, model ini sebenarnya sudah lama menjadi tren di dunia di tahun 90n, akan tetapi para desainer rambut korea dengan cerdas membuat desain baru model ini dengan lebih fresh dan futuristik. Model rambut pria yang terkenal dengan sebutan Mohicans ini akan membuat kamu tampak lebih bersih dan macho.
2. Revealed short curly hair Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+03 Trend Potongan Rambut Cowok Ala Korea 2013
Gaya rambut ini menjadi tren bagi kalangan eksmud di korea. Meskipun begitu banyak loh artis yang juga menerapkan Gaya Model Rambut Pria Korea Terbaru 2013 ini dan menjadi tren di tahun 2013 ini. Model ini sebetulnya hampir sama dengan Model Mohichan cuma, ini engga pake di bikin mohawk ke atas, tetapi di jatuhkan ke depan atau kesamping.
3. Oblique Bangs Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+05 Trend Potongan Rambut Cowok Ala Korea 2013
Model rambut korea tipe ini sebetulnya sudah menjadi tren di tahun 2012 kemaren akan tetapi bakalan tetap eksis di tahun 2013 ini, Alasannya adalah simple, karena bintang-bintang korea masih betah pake model rambut jatuh kesamping ini.
4. Textured Perm Hairstyle Potongan Rambut Cowok Ala Korea 2013
2012120615313710 Trend Potongan Rambut Cowok Ala Korea 2013
Mode rambut ala korea ini akan membuat kamu tampak lebih cute dan sexy icon razz Trend Potongan Rambut Cowok Ala Korea 2013 . Wanita sangat menyukai pria dengan gaya rambut yang lembut seperti ini. Terutama bagi para gadis yang masih duduk dibangku sekolah pasti menyukainya.
5. Short Mohawk K-Pop Style Potongan Rambut Cowok Ala Korea 2013
tae yang2 Trend Potongan Rambut Cowok Ala Korea 2013
Thanks God ada sosok Taeyang yang super duper keren dengan model rambut korea ini. Tidak bisa dipungkiri style rambut ala korea ini langsung menjadi tren di kalangan anak muda. Dan apa yang di bilang para ladies tentang fenomena para pria yang memakai gaya rambut ala korea ini? “wow cocok banget”, begitulah kata para ladies out there.
6. Obligue Fringe X Style
543524 300206186735006 156699717752321 670435 2107973201 n Trend Potongan Rambut Cowok Ala Korea 2013
Model ini sangat cocok untuk kamu tipe pria yang cuek apa adanya.  Kesan cool akan tampak dengan sedikit bantuan wax untuk mengangkat bagian depan agar tetap rapi. Ini merupakan gaya rambut yang juga sangat di gemari di jepang. Cocok banget untuk kamu yang berjiwa rocker, eits sapa bilang kpop ga bisa ngeRock.
7. Overlay Long bangs X Style Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+06 Trend Potongan Rambut Cowok Ala Korea 2013
Model rambut untuk pria simpel, easy going dan fluffy pria. Gaya rambut model seperti ini memerlukan poni panjang dibagian depan untuk disisir kesamping.

Rabu, 23 Oktober 2013

cara membuat desain web


cara membuat desain web


  



Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.
·         Daftar Tag Pada HTML
ELEMEN DASAR
Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)
Judul
<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)
Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)
Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)





FORMAT TAMPILAN
Huruf Tebal
<B></B>
(Bold)
Huruf Miring
<I></I>
(Italic)
Garis Bawah
<U></U>
(Underline - jarang digunakan)
Rata Tengah
<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)
Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>

Pilih Jenis Huruf
<FONT FACE="***"></FONT>


PEMISAH
Paragraf
<P></P>
(tag penutup seringkali tak diperlukan)
Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P>
 
Pndah Baris
<BR>
(pindah ke baris berikut)
Garis Datar
<HR>
(Horizontal Rule)
Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>
 
Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)
Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)
Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar
<BODY BACKGROUND="URL">
(Tiled Background)
Warna Latar Belakang
<BODY BGCOLOR="#$$$$$$"
(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks
<BODY TEXT="#$$$$$$">


TABEL
Rancangan Tabel
<TABLE></TABLE>

Garis Batas Tabel
<TABLE BORDER=?></TABLE>

Lebar Tabel
<TABLE WIDTH=?>
(dalam satuan pixel)
Lebar Tabel Persentasi
<TABLE WIDTH="%">
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
<TR></TR>
 
Penataan Letak Baris
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Sel dalam Tabel
<TD></TD>
(harus ada dalam setiap baris tabel)
Penataan Letak Sel
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Warna Kepala Tabel
<TH BGCOLOR="#$$$$$$">



A.    Dasar dasar HTML

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>
<head>
  <title> My First HTML Project </title>
</head>
  <body BGCOLOR=“Green” TEXT=“Red”>
     WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7SYS6E1ukOeKYXgn5kBWpikPD-lbjtQq4JJSMmcj7q0MnX6JEo_fjA_qR8zuV9GwfZw-R98Od92fX1RoBTk7Tf5KRFIFaJki8IUtqXNR9y-urjVUNSWaesQu54Hmw-b4yz26f-yXy4MA/s320/welcome.png 
Gambar 1.  Judul Tab Halaman

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>
<head>
 <title> Tag P, Br dan Hr </title>
</head>
<body>
 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>
 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>
<hr> Ini adalah garis horizontal.
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvNGVErTDnIiUYqNx1hTSzQdvUW9bI61zKo2rycL_CvvX5q2MEkTdI47iSLYjaF9vtQ86LQuIbfiCyk8UNTL-0dXiRSyysb5OJ3Udx1ho1wP53TV4_SBjT3FqYv6joOP_djBqBwS7AbdL/s320/paragraf.png 
Gambar 2. Mengatur Paragraf

3.      Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

<html>
<head>
<title> Tag Heading </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyFHKNGw3MiJyQpDHgqRyWzWwEc6tx-85hmR2nwRmIxhSdjMj8eQevXSP2G4Ev3dWLthhrRregnPIUuBZAD9aIhWAVYqPvKBAThl-sPTmxWijTlsK2JVI9surbX7S-5nUIsA3kcaN71MJ/s320/Header.png 
Gambar 3.  Ukuran Huruf

4.      Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
<title>format tulisan</titele>
</head>
<body>
teks normal <br>
<small> teks small </small><br>
<big> teks big</big><br>
<b> teks tebal </b><br>
<i> teks miring </i><br>
<u> teks bergaris bawah </u><br>
Contoh superscript : x <sup>2</sup><br>
Contoh subscript : H<sub>2</sub>O<br>
<strike> Ini teks tercoret </strike><br>
<font size = 5 face = verdana>
menggunakan tag font
</font>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 4 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiql3uhh7MOLfrGKc0Umiyo-V-rOf-Bk20gqSRv3Ovnx5e48XgKm7lZEo8IF8SLiLoE5UBFSoddVcg5O78QuZU0_pIA6wR1I3Emi3EDOZuk8nUoq5CBqxJFI09MscYzHPUYuCz50st-SZXh/s320/format+tulisan.png 
Gambar 4. Format tulisan

5.      Membuat from komentar, buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
      <title> From komentar </title>
</head>
<body>
<table>
<tr>
<tdcolspan="3">&nbsp;</td></tr><tr>
  <td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td>
<td><textarea name="komentar" rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieR2SXYWGgxlz1Y35uqmczJjpW_OYAUS6WSwU_R1loVBaTvNG3b9cOMqAv4gkviDQTkMBGdCGiYiMt4nE1NBQRAX6tTW2WYyua-XlfWYPhRguTZOR6zYTjNs7jQRaZ3ZDsblooAsEwbgfg/s320/komentar.png 
Gambar 5. From komentar

6.      Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>
<head>
<title>warna-warna</title>
</head>
<body>
<table width="300" border="1">
<tr>
    <td colspan="3" align="center">warna-warna </td>
</tr>
<tr>
    <td bgcolor="#00FF00">Hijau</td>
    <td bgcolor="#FFFF00">Kuning</td>
    <td bgcolor="#FF0000">Merah </td>
</tr>
<tr>
    <td bgcolor="#999999">Abu-abu</td>
    <td bgcolor="#0000FF">Biru</td>
    <td bgcolor="#FF9900">Orange</td>
</tr>
<tr>
    <td bgcolor="#663300">Cokelat</td>
    <td bgcolor="#3399CC">Biru muda</td>
    <td bgcolor="#FF00FF">Merah muda</td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRCZLWPUXBN5qXBKbbupAcN0uloo8bAApBbar1yXdwASwJMciQ7sluWeRHX2qBQZVkGs3a7X4XxwvSer5Bj0JwM8gK9iYWfCaNFZlMIwlTBbSjCeiSVFJsyh4fk4yoixBoLtcwSIRvEylp/s320/kolom.png 
Gambar 6. Tabel

B.     Hyperlink

1.      Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
      Ini hyperlink ke wordpress
      <a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>
      <br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>
      <br>Masuk ke facebook anda
<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhkOaQ0MZD5ME776zB9LNhDJ8KlkEeKjH4koBNySZfFEZzJz0ePnUn_7wfLShdlVk04RKTFsxbkFz9roMLXyOz2EyPDQn5h5XDHaLCLNfECT9mpZ9iPiXefmtXgW-pbdQzwR0i8geAqCB/s320/hyperlink.png 
Gambar 7 link halaman web lain


2.      Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>
<a href="file:///C:/Users/COMPAQ/Documents/HTML.1/kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/kata%20kata.jpg" border="0" width="100" height="30"/></a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIAjSRY2riM_2syJ9efs_ajsPTQudQhJA87f2rP7HMu7h1v1TkAnAA-UYBr2DORG8RwS7l9LPosLZoWt5luwf_cc9MgVNF8TgatVF5z5oczljGIgkn4KAYXWGip3JirDev4pJXjXYas3nP/s320/hyperlink+folder.png 
Gambar 8. Link Antar Bagian Dalam Web

C.    Membuat Website Sederhana

1.      Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>
<head>
<title>login web</title><link rel='icon' href='gambar/B.png'>
</head>
<body>
<p align="center"> <font  size="6" color="#FF6600" >
Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>
</p>
<table align="center">
<td><form method="post" action="home.html"><label><font color="#FF6600">Nama Anda:</label>
<br>
<input type="text" name="nama" value=""></br>
<label><font color="#FF6600">Email Atau telepon:</label>
<br>
<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>
<br>
<input type="text" name="Alamat" Value=""></br>
<label><font color="#FF6600">Tanggal Lahir </label>
<br>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="select2">
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">Nopember</option>
<option value="12">Desember</option>
</select>
<select name="select3">
<option value="2001">1988</option>
<option value="2002">1989</option>
<option value="2003">1990</option>
<option value="2004">1991</option>
<option value="2005">1992</option>
<option value="2006">1993</option>
<option value="2007">1994</option>
<option value="2008">1995</option>
<option value="2009">1996</option>
</select></br>
<label><font color="#FF6600">Jenis Kelamin </label>
<br><font color="red">Pria
<font color="#CCFF00">Wanita</br>
<input type="submit" Value="Masuk">
</td>
</table>
<body background="gambar/aaa.png">
<EMBED SRC="MP3/Greenday%20-%20I%20walk%20Alone.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<p align="center"> <font  size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk  :) ......
</body>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSNfPsAhdQVyJonfRg5E3v9YP52gOmcDIeMTwAIYI7PhQc0gu2-ROWaWBXX02E9l8m9OrlXQ3tQBJVhfMrq4IGVmeHwBEc2DN-lz_cLum6i3ECjxfpEK1xABig72Fg_PrsfJDKPJXv-NSQ/s320/login.png

Twitter Delicious Facebook Digg Stumbleupon Favorites More