Blog Pemula

27 July 2011

Belajar HTML Dasar (6)

Beberapa karakter khusus tdk dpt dtampilkan dlm web tanpa menggunakan kode penulisan yg sesuai, misalnya karakter "&", "<", ">". Berikut ini beberapa kode HTML yg dpt dgunakan untuk menampilkan karakter2 tertentu.


Karakter
Kode
Keterangan
“
&quot;
Karakter kutip
&
&amp;
Karakter ampersand
< 
&lt;
Karakter kurang dari
> 
&gt;
Karakter lebih dari
©
&copy;
Karakter Copyright
®
&reg;
Karakter registered trademark
±
&plusmn;
Karakter plus minus
Æ
&AElig;
Karakter AE ligature capital
æ
&aelig;
Karakter ae ligature kecil
É
&Eacute;
Karakter E capital dg akse
é
&eacute;
Karakter e dg aksen


Untuk mencoba menampilkan karakter2 tsb, kita lakukan langkah2 sperti biasa.

  • Jalankan Notepad
  • Lalu Ketikan baris2 berikut ini
<HTML>
<HEAD>
<TITLE> Latihan Karakter Khusu </TITLE>
</HEAD>

<BODY>
&quot;
<BR>
&amp;
<BR>
&lt;
<BR>
&gt;
<BR>
&copy;
<BR>
&reg;
<BR>
&plusmn;
<BR>
&AElig;
<BR>
&aelig;
<BR>
&Eacute;
<BR>
&eacute;

</BODY>
</HTML>


  • Simpan dengan nama "lat7.htm" pada folder LatihanHTML.
  • Lalu jalankan file tsb dan amati hasilnya.

Kira2 sperti itu hasilnya..... Mangga di coba... Semoga bermanfaat...
JTPMHDV9U59K
Posted by Teguh at 20:58 2 comments
Labels: ,

26 July 2011

Belajar HTML Dasar (5)

Selanjutnya adalah cara memformat teks di halaman web kita seperti cetak tebal, cetak miring, garis bawah, dll.


Tag
Keterangan
<SMALL>
Membuat teks menjadi relative lebih kecil dari teks lainnya
<BIG>
Membuat teks menjadi relative lebih kecil dari teks lainnya
<I>
Membuat teks tercetak miring
<B>
Membuat teks tercetak tebal
<U>
Membuat teks tercetak bergaris bawah
<SUP>
Membuat teks menjadi superscript. Contoh  pada angka 2 dalam teks X2
<STRIKE>
Membuat teks tercoret
<SUB>
Membuat teks menjadi subscript. Contoh  pada angka 2 dalam teks H2O


Selain menggunakan Tag di atas, HTML jg menyediakan sebuah Tag <FONT> untuk memformat teks dg lebih kompleks. Tag <FONT> memiliki atribut SIZE, COLOR, dan FACE. SIZE dgunakan untuk menentukan ukuran teks yg diberi Tag <FONT> tsb. COLOR dgunakan untuk menentukan warna teks. FACE dgunakan untuk menentukan jenis huruf.

Untuk lebih memahami penggunaan Tag Tag diatas lakukan langkah2 berikut.

  • Jalankan Notepad
  • Ketik baris teks dbawah ini

<HTML>
<HEAD>
<TITLE> Latihan Memformat Teks </TITLE>
</HEAD>

<BODY>
Ini Teks Normal <BR>

<SMALL> Ini Teks yg diberi Tag SMALL </SMALL>
<BR>

<BIG> Ini Teks yg diberi Tag BIG </BIG>
<BR>

<I> Ini Teks yg dicetak miring </I>
<BR>

<B> Ini Teks yg dicetak tebal </B>
<BR>

<U> Ini Teks yg dicetak bergaris bawah </U>
<BR>

<STRIKE> Ini Teks yg tercoret </STRIKE>
<BR>

Contoh Superscript : X<SUP>2</SUP>
<BR>

Contoh Subscript : H<SUB>2</SUB>O
<BR>

<FONT SIZE=5   FACE=VERDANA>
Contoh menggunakan Tag Font
</FONT>

</BODY>
</HTML>

  • Simpan dg nama "lat6.htm" pada folder LatihanHTML
  • Jalankan file tsb dan amati hasilnya.

Kira2 sperti ini hasilnya... Selamat Mencoba....
Untuk artikel selanjutnya Insya Allah akan dbahas tentang Karakter2 Khusus sperti ", &, <, >, dll...
Semoga bermanfaat....
Terima kasih....

Posted by Teguh at 21:06 2 comments
Labels: ,

Belajar HTML Dasar (4)

Tag <H1>, <H2>, <H3>, <H5>, <H5>, dan <H6> termasuk kedlm Tag Heading. Tag tsb biasanya dgunakan untuk menentukan bagian Bab, Subbab, dan Subsubbab dari teks dokumen HTML kita. 

Tag <H1> dgunakan untuk menentukan Heading 1 yg berukuran paling besar. Tag <H6> dgunakan untuk menentukan heading yg berukuran paling kecil.

Untuk mencoba, lalukan langkah2 berikut:
  • Jalankan notepad
  • Lalu ketik teks berikut.
<HTML>
<HEAD>
<TITLE> Latihan Tag Heading </TITLE>
</HEAD>

<BODY>
<H1> contoh Heading 1 </H1>
<H2> conton Heading 2 </H2>
<H3> conton Heading 3 </H3>
<H4> conton Heading 4 </H4>
<H5> conton Heading 5 </H5>
<H6> conton Heading 6 </H6>

</BODY>
</HTML>

  • Simpan dengan nama "lat5.htm" pada folder LatihanHTML.
  • Jalankan file tsb, lalu perhatikan hasilnya.


Kira2 seperti ini hasilnya... Selamat Mencoba....
Posted by Teguh at 20:19 2 comments
Labels: ,

24 July 2011

Belajar HTML dasar (3)

Akhirnya malesnya ilang buat nglanjutin materi yg kmrn, hehe.... Lsg aja ya...

Tag <P>, <BR>, dan <HR>

Tag <P> digunakan untuk membuat paragraf dari dokumen HTML yg akan kita buat. Tag <P> memiliki atribut bernama ALIGN yg gunanya untuk menentukan apakan paragraf yg kita buar akan rata kiri(LEFT), kanan (RIGHT), tengan (CENTER), atau justify (JUSTIFY).

Tag <BR> adalah tag yg tidak perlu dtuliskan berpasangan, yg dgunakan untuk memisahkan teks menjadi baris baru, seperti fungsi tombol ENTER jika kita mengetik dg MS WORD.

Tag <HR> jg tdk perlu dituliskan berpasangan, dgunakan untuk membuat garis horisontal pada web kita. Tag <HR> memiliki atribut SIZE dan WIDTH untuk menentukan tinggu dan lebar garis yg kita buat pada web.

Untuk memahami fungsi dari Tag tsb, kita coba latihan.

  • Jalankan Notepad.
  • Lalu ketikkan teks dibawah ini.

<HTML>

<HEAD>

<TITLE> Latihan Tag P, BR, dan HR </TITLE>

</HEAD>

<BODY>

Selamat datang di halaman web saya yang pertama. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

Dan ini adalah paragraf kedua saya. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

<HR>

Ini contoh garis horisontal

</BODY>

</HTML>

  • Simpan dg nama "lat3.htm" di folder LatihanHTML yg kita buat sebelumnya.
  • Lalu jalankan file lat3.htm, lalu liat hasilnya.

  • Perhatikan contoh hasilnya dgambar. Paragraf yg ingin kita buat masih dtampilkan menyatu. Oleh karena itu kita harus menambahkan Tag2 yg tadi.

<HTML>

<HEAD>

<TITLE> Latihan Tag P, BR, dan HR </TITLE>

</HEAD>

<BODY>

<P ALIGN=JUSTIFY>Selamat datang di halaman web saya yang pertama. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.</P>
<P ALIGN=CENTER>Dan ini adalah paragraf kedua saya. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.</P>
<BR>

<HR SIZE=10 COLOR="BLACK">

Ini contoh garis horisontal

</BODY>

</HTML>

  • Lalu simpan dg nama lat4.htm dfolder yg sama.
  • Jalankan file tsb lalu lihat perbedaannya dg tampilan yg sblmnya.
(A) Paragraf pertama dg ALIGN JUSTIFY/rata kiri dan kanan
(B) Paragraf kedua dg ALIGN CENTER/rata tengah
(C) Garis Horisontal

Selamat mencoba........
Posted by Teguh at 22:06 1 comments
Labels: ,

Belajar HTML dasar (2)

Beberapa tag HTML memiliki atribut yg dpt dberi parameter yg spesifik untuk mengatur bagian yg dtandai Tag tsb. Ini beberapa atribut Tag <BODY>

Atribut BACKGROUND dgunakan untuk menentukan gambar latar belakang dari badan dokumen.
Atribut BGCOLOR dgunakan untuk menentukan warna latar belakang dari badan dokumen.
Atribut TEXT digunakan untuk menentukan warna teks yg berada diddlm badan dokumen.
Atribut LINK digunakan untuk menentukan warna link yg berada didlm badan dokumen.



Untuk belajar memahami, lakukan langkah berikut.

  • Jalankan Notepad.
  • Lalu ketikkan teks dibawah ini.
<HTML>
<HEAD>
<TITLE>  ini judul web pertama saya </TITLE>
</HEAD>
<BODY BGCOLOR="RED" TEXT="BLACK">

Selamat datang di halaman web saya yang pertama

</BODY>
</HTML>

  • Simpan dg nama lat2.htm dfolder LatihanHTML yg kita buat kmrn.
  • Lalu coba jalankan file lat2.htm, lalu perhatikan hasilnya. 

Kira2 kaya gitu hasilnya... Selamat mencoba....

Posted by Teguh at 21:41 0 comments
Labels: ,

23 July 2011

Belajar HTML Dasar

Kemarin saya iseng2 beres2 buku,eh ternyata saya nemu buku yg uda lama saya beli,tp blm sempet saya baca smua. Buku itu isinya tutorial dasar HTML,setelah saya baca2 lagi,ternyata isinya lumayan jg,penjelasan tentang HTML yg cukup mudah dpahami. Drpd lama lsg aja ya,tp sblmnya,disini saya hanya membagi ilmu yg saya dapat dari buku yg saya baca,saya bukanlah seorang ahli, saya juga adalah pemula yg masi harus bnyk belajar,jd klo ada yg salah2,jgn sungkan untuk membetulkannya.. oke....

HTML terdiri dari berbagai Tag yang digunakan untuk menandai dan mengatur tampilan halaman web yg akan kita buat. Disini kita coba bahas Tag <HTML>, <HEAD>, <TITLE>, dan <BODY>

Tag <HTML> dan </HTML> digunakan untuk menandai awal dan akhir sebuah dokumen HTML. Dokumen HTML dibagi jadi 2 bagian, yaitu kepala dokumen atau Tag <HEAD> dan bagian badan dokumen atau Tag <BODY>. Pada bagian kepala dokumen (<HEAD>),kita dapat menambahkan judul yg kita buat dg menggunakan Tag <TITLE>.

Untuk lebih memahami, kita coba praktek.


  • Buat satu folder dg nama LatihanHTML d drive C: komp temen2. Nanti folder itu dipake buat nyimpen file2 yg kita buat, dan nanti kita akan gunakan lg dalam latihan lain.(Karna isi buku yg saya baca panjang, mudah2an saya bisa trus membagi info yg saya baca dr buku tsb.. AMIN)
  • Jalankan Notepad.
  • Lalu coba ketikkan teks dibawah ini, ketik sama persis ya.


<HTML>
<HEAD>
<TITLE> ini judul web pertama saya </TITLE>
</HEAD>
<BODY>

Selamat datang di halama web saya yang pertama

</BODY>
</HTML>
  • Lalu temen2 save as file itu dg nama "lat1.htm", lalu save di folder yg tadi kita buat "LatihanHTML"
  • Lalu temen2 browse file yg tadi di save di folder "LatihanHTML", lalu cari file "lat1.htm", lalu dobel klik deh di file itu. Lalu lihat bagaimana hasilnya.
  • Kira2 hasilnya sperti ini

(A) Tampilan dari bagian Tag TITLE
(B) Tampilan dari bagian Tag BODY


Begitulah kira2 hasilnya nanti... Untuk sekarang cukup segitu dlu deh, cape ketiknya,hehehe.... Insya allah besok dilanjutkan lagi. Sekali lagi saya jg seorang pemula, jadi kalo emg ada salah2, jgn sungkan untuk membetulkan...
Semoga bermanfaat...

Posted by Teguh at 21:22 1 comments
Labels: ,

"invalid partition table" , how to fix?

Temen2 pernah ada yg mengalami masalah seperti "invalid partition table" dkomputer/laptop? Beberapa hari kemarin,saya mendapatkan masalah sperti ini dlaptop pacar saya. Saat mau di nyalain,dia g mau booting ke windows. Malah muncul tulisan invalid partition table error, bingung. Setelah cari2 info di internet,bnyk yg bilang pake software ini atau software itu,tp saya masi bngung cara makenya. Maklum, gaptek,hehe... Akhirnya saya instal ulang deh smua,saya format smua isi HDD,untungnya di laptop itu g ada data2 penting. Setelah saya install ulang,emg dia mau booting dan masuk ke window,tp karna permintaan,pengen ada 3 partisi di HDD,akhirnya dipartisi lg,nah setelah drestart,eh muncul lg itu "invalid partition table",saya partisi pake software Partition magic,g tau dmn salahnya ampe eror lg. Makin bngung lagi d. Saya cari2 lg info,akhirnya paman GOOGLE mengarahkan saya ke sebuah forum(saya lupa namanya),disitu djelasin gmn cara mengatasi masalah yg lg saya hadapi. Katanya dicoba di paralel ke komputer lain,tp g saya coba soalnya g punya kabel SATA buat hubungin HDD laptop sama komputer rumah. Lalu saya googling lagi,dan menemukan info lain,katanya kita bisa recover pake cd start up Windows 98. Ini langkahnya.

  1. Siapkan CD startup Windows 98
  2. Hidupkan komputer dan settinglah agar proses booting computer dimulai dari disket atau CD (karna laptopnya g ada cd room,saya pake cd room eksternal)
  3. Setelah proses booting Windows 98 berhasil, pada command prompt ketikkan perintah A:\>fdisk
  4. Kemudian pada layar yang menanyakan untuk meng-enable large disk support, ketikkan Y, dan tekan tombol Enter
  5. Pada layar utama FDisk Option kita bisa melihat beberapa menu sehubungan dengan pengaturan partisi pada harddisk, ketikkan angka 2pada pertanyaan Enter Choice: [ ], untuk memilih menu no.2 yaitu Set Active Partition, dan tekan tombol Enter
  6. Pada layar Set Active Partition, ketikkan partisi yang ingin anda rubah menjadi active, umumnya adalah partisi 1, pada pertanyaan Enter the number of the partition you want to make active……………: [  ]. Dan tekan tombol Enter.
  7. Jika tidak ada masalah maka pesan Partition 1 made active akan ditampilkan. Tekan tombol Esc untuk melanjutkan, dan tekan tombol Escsekali lagi untuk keluar dari layar FDisk
  8. Keluarkan disket ataupun CD dari drive-nya, dan cobalah untuk me-restar komputer anda.
Setelah saya coba cara diatas,alhamdulilah jalan lg laptopnya,tp g berani2 lg partisi HDDnya sebelum blajar sama yg uda ngerti,hehe...
Saya dapet info dari salah satu blog yg saya baca. Buat lengkapnya coba kunjungin link ini.
Selamat mencoba... Semoga berhasil...

Posted by Teguh at 00:56 1 comments
Labels:

22 July 2011

1st Note

Ini adalah tulisan pertama saya di blog yg baru saya buat...
Sebelumnya saya pernah memiliki blog,tp karna saya masi pemula jadi blognya pun masi asal2an. Awalnya saya membuat blog karena mendapatkan tugas dari dosen saya di kampus. Katanya setiap mahasiswa harus memiliki blog,dan dari blog pun bias menghasilkan uang. Karna perkataan dosen itu saya jd terinspirasi membuat blog untuk tujuan komersil tentunya. Tp setelah saya jalani,ternyata tidak gampang untuk membuat blog komersil,dsamping blognya harus bnyk pengunjungnya terlebih dahulu,isi artikelnyapun harus menarik agar dapat mendatangkan bnyk pengunjung. Akhirnya setelah melakukan bnyk blogwalking,saya berpikir untuk membuat blog yg berisikan tulisan2 yg saya inginkan saja,meskipun memang tidak terfokus pada suatu bahasan.
Sama seperti pemula yg lainnya,sayapun masi buta dg dunia blogging dan masi harus bnyk blajar.. Semoga saja mulai dari saat ini saya dapat belajar bnyk dari teman2 blogger yg sudah memilika bnyk pengalaman...

Trims.
Posted by Teguh at 19:16 0 comments
Subscribe to: Posts (Atom)