My Ping in TotalPing.com
Tampilkan postingan dengan label Belajar HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar HTML. Tampilkan semua postingan

Sabtu, 17 November 2012

Membuat List dalam Dokumen HTML

Lanjut..hehehe dalam postingan kali ini kita akan membahas tentang cara MEMBUAT LIST DALAM DOKUMEN HTML. Pastinya sobat sudah tau kana pa itu LIST ? List adalah sebuah susunan sebuah daftar dari daftar sesuatu, misalnya daftar makanan ataupun daftar siswa dan lain-lain .List bisa menggunakan Nomor,List definisi dan list tanpa nomor. List dengan nomor adalah list yang menggunakan nomor di depan daftar dari list yang kita buat.
Sedangkan list tanpa nomor adalah list yang menggunakan item
di depan daftar list yang kita buat.Silakan lihat contoh dokumen HTML dengan list nomor di bawah ini :
<html>
<body>
<h4>Dokumen html dengan list nomor</h4>
<ol>
<li>Oncom</li>
<li>Misro</li>
<li>Gemplong</li>
<li>Ketan</li>
<li>Uli</li>
<li>Lopis</li>
</ol>
</body>
</html>

Untuk mencoba membuat dokumen html dengan List Nomor silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan List nomor Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba10tml.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Link yang Digaris Bawahi


Dalam postingan lanjutan kali ini, akan membahas tentang cara membuat dokumen HTML dengan link yang digaris bawahi. Link yang digaris bawahi berarti link tersebut di garis bawahi .biar lebih jelas silakan sobat lihat link yang di garis bawahi di bawah ini.

ini adalah sebuah link yang di garis bawahi

Nah… itu dia yang dimaksud dengan LINK yang digaris bawahi..Link yang digaris bawahi juga lebih menunjukan sebuah link, jadi pembaca akan lebih tau bahwa
itu sebuah link.
Untuk mencabanya silakan lihat contoh dokumen htlm dengan link yang di garis bawahi dibawah ini.

<html>
<body>
<p>
<a href=”http://disc-tiandc.blogspot.com “ target=”_blank”>ini adalah sebuah link yang di garis bawahi</a>
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan link yang di garis bawahi silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Link yang digaris bawahi Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba9tml.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Link dalam Dokumen HTML

link adalah sebuah teks atau kata yang dapat diklik dan berpindah halaman web.Silakan klik kata Pindah halaman di bawah ini .

<a href=”http://tiandc.blogspot.com”>Pindah halaman</a>

Jika kita meng-klik link di atas maka kita akan berpindah halaman ke halam web lain,,nah… itu dia yang disebut dengan LINK. Sobat sudah paham kan ? link itu bermacam-macam loh !! Tapi jangan kwawatir dalam postingan lanjutan akan dijelaskan untuk sobat.

Sudah siap untuk mencoba membuat dokumen HTML dengan menggunakan Link ? jika sudah siap tag yang dibutuhkan untuk membuat sebuah link adalah sebuah tag <a> yang dilengkapi dengan atribut href untuk mendefinisikan lokasi LINK. Coba sobat lihat contoh dokumen HTML dengan LINK dibawah ini.

<html>
<body>
<p>
<a href=http://tiandc.blogspot.com>Ini adalah sebuah link,silakan klik aku</a>
</p>
</body>
</html>

Sobat sudah lihat kan contoh dokumen HTML dengan menggunakan link di atas ? jika sudah ayo kita belajar membuatnya, silakan ikuti langkah-langkah di bawah ini.

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan LINK Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba8.html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Singkatan dalam Dokumen HTML

Setelah sebelumnya kita bahas tentang dokumen HTML dengan tag address, dalam postingan kali ini akan membahas dan menerangkan tentang cara pembuatan dokumen HTML dengan sebuah kat yang di singkat, maksudnya di singkat bukan di singkat seperti biasa, namun singkatan tersebut akan memunculkan kepanjangan
dari singkatan tersebut jika kita mengarahkan kursor kea rah singkatan tersebut, setelah kita merahkan kursor kepada tag yang di singkat maka seketika panjangan dari singkatan tersebut akan muncul di bawah nya, untuk membuat dokumen HTML dengan singkatan di gunakan 2 (dua) yaitu tag <abbr> untuk singkatan dan tag <acronym> untuk kepanjangan dari singkatan kata tersebut. Untuk menampilkan dokumen html dengan singkatan tersebut juga diperlukan atribut title. Berikut ini adalah contoh sintask html dengan tag <abbr> dan <acronym>

<abbr title=”kepanjangannya”>singkatan< / abbr>
<acronym title=”kepanjangannya”>singkatan< / abbr>

nah… langsung saja YUK kita belajar membuat dokumen HTML dengan tag <abbr> dan <acronym>.berikut ini adalah contoh dokumen HTML dengn tag <abbr> dan <acronym>.


<html>
<body>
</abbr title=”dan lain-lain”>
dll
</abbr><br>
<acronym title=”world wide web”>
WWW
</acronym>
<p> Arahkan kursor mouse anda pada kata WWW diatas,maka akan muncul kepanjangan dari singkatan berikut.
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan tag singkatan silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag singkatan Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba7html.
7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai.....
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Dokumen HTML dengan Tag Adress


Kali ini kita akan bahas tentang cara membuat dokumen HTML dengan Tag ADRESS ,Sobat tentunya sudah tau apa itu arti kata “address”. Yupz address dalam bahasa Indonesia berarti alamat. Berarti Dalam dokumen html juga sama, Dalam dokumen HTML tag address digunakan untuk menuliskan sebuah alamat. Tag address di awali dengan tag <address> dan tag penutupnya </address> . Dalam penulisan dokumen html dengan tag address juga harus disertai tag <br> di akhir barisnya. Tag <br> berguna untuk memisahkan setiap kata dalam alamat supaya tidak terbentuk dalam satu baris. Untuk mencoba membuat dokumen html dengan tag address silakan sobat
lihat terlebih dahulu contoh dokumen html dengan tag adrss di bawah ini.

<html>
<body>
<address>
Jalan jambu merah<br>
No 45 rt 01 rw 011<br>
Jati asih bekasi<br>
</address>
</body>
</html>

Untuk mencoba membuat dokumen html dengan dengan tag address silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag address Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba6html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Cara Mengatur Tag Heading dalam Dokumen HTML

Dalam postingan kali ini akan dibahas lebih lanjut tentang pemakaian tag heading tersebut dalam dokumen HTML,Untuk penataan tag heading di butuhkan juga Tag-Tag atribut.Tag atribut tersebut terdiri dari tag <center> Untuk meletakan heading di tengah, tag <right> untuk meletakan heading di sebelah kanan ,dan tag <left> untuk meletakan heading di sebelah kiri .

Berikut ini adalah contoh dokumen html dengan pengaturan tata letak Tag heading.
 <html>
<head>
<title> CARA MENGATUR TAG HEADING DALAM DOKUMEN HTML</title>
</head>
<body>
<h2 align=”center”>Heading 2 ditengah</h2>

<p>Ini merupakan contoh dokumen dengan penataan heading di tengah .untuk penataan di sebelah kiri atau disebelah kanan silakan rubah tag center menjadi tag “left” atau “right”.
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan tata pengaturan heading,silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan penataam tag heding ke dalam notepad tersebut.

6.Klik Save Dengan nama coba5html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai........
»»  KLIK DISINI YAHH...
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Dokumen dengan Tag Heading

Lanjut berooo.....
Udah tau belum apa yang di maksud dengan tag heading ? jika sobat belum tau saya akan menjelaskanya,,hehehe. Tag heading adalah sebuah tag /kode dalam HTML yang berguna untuk menebalkan/membesarkan sebuah tulisan .Biasanya Tag Heading digunakan untuk sebuah judul dalam dokumen html yang dibuat. Tag heading terdiri dari 6 tingkatan yaitu dari mulai angka 1 hingga angka 6, angka 1 meruakan ukuran yang terbesar dan angka 6 merupakan ukuran yang terkecil.Tag Heading tersebut seperti ini <h1> dan seterusnya hingga <h6> .berikut ini adalah sebuah contoh tag dokumen HTML dengan tag heading.
»»  KLIK DISINI YAHH...
Read More »
Oleh Mas Jam Tidak ada komentar:
Label:

Dokumen HTML dengan Line Break

Apa itu dokumen html dengan line break ? dokumen html dengan line break berarti suatu teks yang berganti baris,berganti baris maksudnya untuk memberi informasi untuk baris tersendiri tetapi teks tersebut tidak bergati paragraph alias masih dalam satu paragraph. Untuk menampilkan ganti baris dalam browser web maka dokumen html yang akan kita buat membutuhkan tag <br> .Tag tersebut dimasukan sesudah teks yang akan diganti barisnya.Supaya sobat tidak bingung dengan yang dijelaskan tentang line break pada dokumen HTML. Silakan langsung saja sobat lihat contoh dokumen HTML Nya di bawah ini.

»»  KLIK DISINI YAHH...
Read More »
Oleh Mas Jam Tidak ada komentar:
Label:

Membuat Dokumen HTML dengan TAG PARAGRAF


Lanjut broo……hehehe. Kita akan membahas tentang dokumen HTML dengan tag paragraf ,apa sihh "tag paragraph" dalam dokumen HTML ? Tag paragraph adalah suatu tag untuk membuat suatu elemen paragraph dalam suatu dokumen HTML.Tag paragraph adalah tag <p>dan </p>. Tag paragraph berguna untuk membuat suatu elemen paragraph dalam dokumen HTML. Untuk mencoba membuat dokumen html dengan tag paragraph silakan sobat lihat contoh dokumen HTML dengan tag paragraph berikut ini.
»»  KLIK DISINI YAHH...
Read More »
Oleh Mas Jam Tidak ada komentar:
Label:

Persiapan & Tutorial Belajar HTML

Oke beroo, kita lanjutkan pembahasan HTML, kita bahas HTML yang ringan-ringan saja ya broo, biar mudah memahaminya,,tak perlu basa-basi lagi..langsung saja kita "tunjep point" ehh..maksudnya to the point gitu loh broo..haha

»»  KLIK DISINI YAHH...
Read More »
Oleh Mas Jam Tidak ada komentar:
Label:

Pengenalan HTML

Hay broo,, kali ini saya akan postingkan sedikit ilmu tentang HTML, mendengar kata HTML pasti orientasi sobat-sobat semua ke arah bahasa pemrograman, yapz. memang betul sob,namun masih ada bahasa pemrograman lain yang mendukungya sepeti JavaScript,VB Script,XML,ASP,CSS dan lain-lain .

Lalu Apa sihh HTML itu ? HTML adalah kepanjangan dari Hyper Text Markup Language .suatu dokumen HTML tersusun atas element kode dasar sebuah dokumen html misalnya html,title,body,paragraph dan lain-lain.
»»  KLIK DISINI YAHH...
Read More »
Oleh Mas Jam Tidak ada komentar:
Label:
Related Posts Plugin for WordPress, Blogger...