Archive for Oktober 2010

Tukeran Link Yuk!!!

06.11 16
Tukeran Link Yuk!!!
Ni lah Kata Yang sering ada di postingan blog kebanyakan orang, seperti halnya bligger-blogger lain, saya juga mau menajak tukeran link para pecinta blog ni...

Klo ada yang berminat untuk tukaran link dengan blog aku cukup simple caranya :

1. Masukkan link blog ini di blog atau web kamu
2. Kasih komen di posting ini biar saya bisa ngecek ke blog anda.
3. Klo emang blog saya dah ada di blog anda, saya akan sesegera mungkin melakukan link ke anda.
4. Mudah kan?
5. makasih!


Beberapa alasan dan pendapat dari saya tentang manfaat dari tukeran link.
1. Tukeran link merupakan cara yang digunakan oleh para blogger untuk memperkenalkan blognya.
Alasannya : Jika blog / website yang baru lahir tidak akan mungkin dikenali oleh orang banyak tanpa ada sosialisasi / promosi tentang blog / websitenya.


2. Tidak hanya memperkenalkan blognya, tukeran link memungkinkan juga para blogger menjalin relasi bisnis.
Alasannya : Tidak hanya mempromosikan blognya, ketika antar blogger saling membaca artikel yang ada pada blognya, tidak menutup kemungkinan akan terjalinnya hubungan yang lebih erat.
3. Tukeran link memungkinkan blog anda semakin banyak di index oleh search engine.
Alasannya : Semakin banyaknya nama blog anda, semakin banyak pula anda dikenali oleh search engine. Percayalah ! Hal ini diibaratkan dengan kepopuleran artist yang sering masuk ke dalam infotaiment dengan artist yang kurang populer karena jarang masuk infotaiment (kok jadi ngegosip ya...Hehehe...)
4. Tukeran link memungkinkan mendongkrak page rank anda.
Alasannya : Karena semakin banyak dikenal / populernya blog anda, maka memungkinkan pula page rank / PR yang di incar - incar oleh para blogger dapat meningkat. Karena semakin banyaknya visitor, belum lagi jika artikel anda menarik !

Banyak kan?
ayo TUKERAN LINK...  


Silahkan copy paste scrip ini dan pasang BANNER ane di blog ente...


Hasil nya seperti ini

Latihan Membuat Web

04.53 0
Latihan Menggunakan FRAME

Buat file baru dengan nama latihan6.html, header.html, kiri.html, kanan.html, bab1.html dan bab2.html dengan isi masing-masing sebagai berikut:

File latihan6.html
<frameset rows=20%,*>
<frame name=atas src=header.html>
<frameset cols=30%,*>
<frame name=kiri src=kiri.html>
<frame name=kanan src=kanan.html>
</frameset>
</frameset>


Pada tag <frameset rows=20%,*> maksudnya adalah frame yang dibuat terdiri dari dua bagian/baris dengan ukuran 20% bagian paling atas dan selebihnya (80%) adalah frame bagian bawah/baris kedua yang ditunjukkan dengan tanda ‘*’. <frame name=atas src=header.html> menunjukkan bahwa nama frame adalah atas dan diisi dengan dokumen header.html.
<frameset cols=30%,*> mempunyai arti bahwa frame bawah dibagi lagi menjadi dua kolom dengan ukuran 30% untuk frame kiri dan sisanya untuk frame sebelah kanan.
Kalau file tersebut dijalankan hasilnya sebagai berikut:

Untuk gambar lebih jelasnya klik saja gambarnya...




Tampilan tersebut dikarenakan file-file yang dibutuhkan oleh frame belum dibuat atau tidak ditemukan. Oleh karena itu lengkapi file-file sebagai berikut:

File header.html
<html>
<head>
</head>
<body>
<h1>Selamat Datang........</h1>
<h3>Di WEBsite Arif Jainuri.</h3>
</body>
</html>


File kiri.html
<html>
<head>
</head>
<body>
<h2>Daftar Isi</h2><hr>
<a href=kanan.html target=kanan>Isi Awal</a><br>
<a href=bab1.html target=kanan>Bab 1</a><br>
<a href=bab2.html target=kanan>Bab 2</a><br>
</body>
</html>



File kanan.html
<html>
<head>
</head>
<body>
<h2>Ini isi frame awal di frame kanan</h2><br>
<h3>Untuk latihan pembuatan frame</h3>
</body>
</html>



File bab1.html
<html>
<head>
</head>
<body>
<h2>Ini isi frame Bab 1</h2>
Isi Bab 1 di frame kanan
</body>
</html>


File bab2.html
<html>
<head>
</head>
<body><font color=blue>
<h2>Ini isi frame Bab 2</h2>
Isi Bab 2 di frame kanan
</body>
</html>

Maka hasil dari kode-kode tersebut adalah:
Untuk gambar lebih jelasnya klik saja gambarnya...




Untuk mengubah kode-kode tersebut menjadi halaman web siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
TERIMA KASIH



Game logika (Uji logikamu)

Game logika (Uji logikamu)

06.10 0
Logika berasal dari kata Yunani kuno λόγος (logos) yang berarti hasil pertimbangan akal pikiran yang diutarakan lewat kata dan dinyatakan dalam bahasa. Logika adalah salah satu cabang filsafat.

Sebagai ilmu, logika disebut dengan logike episteme (Latin: logica scientia) atau ilmu logika (ilmu pengetahuan) yang mempelajari kecakapan untuk berpikir secara lurus, tepat, dan teratur.

Ilmu disini mengacu pada kemampuan rasional untuk mengetahui dan kecakapan mengacu pada kesanggupan akal budi untuk mewujudkan pengetahuan ke dalam tindakan. Kata logis yang dipergunakan tersebut bisa juga diartikan dengan masuk akal.

Test Lokika mu di Permainan ini........



Silahkan DOWNLOAD

Klik Aj di Sini

PERHATIAN : Link ini menuju ke ADF.LY, Jadi Ketika Ingin Download, KLIK LINK Nya,  LIHAT PADA POJOK KANAN ATAS, Tunggu 5 Detik, LALU KLIK "LEWATI"
 
Jangan lupa tinggalkan komentar di bawah...

OKEY......

Membuat Frames, dan pemanfaatan

06.41 3
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa dokumen HTML, dimana setiap bagian merupakan satu halaman HTML terpisah. Sehingga tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat bandwidth internet dan mempercepat proses download secara keseluruhan.
Format:

<html>
<head>
</head>
<frameset>
<frame src>
</frameset>
</html>

Aturan penggunaan atribut ROWS dan COLS pada frameset adalah:

<frameset rows=â''tinggi_baris,tinggi_baris,â'¦â''>
<frameset cols=â''lebar_kolom, lebar_kolom,â'¦â''>


Atribut-atribut yang digunakan dalam FRAME adalah:

Atribut
FRAMESET COLS: Membuat frame vertikal dengan lebar kolom tertentu


FRAMESET ROWS: Membuat frame horizontal dengan tinggi baris tertentu



FRAME SRC: Memasukkan dokumen HTML ke dalam FRAME



NOFRAME : Memasukkan body teks untuk browser yang tidak dapat
menampilkan frame



Model-model frame dan contoh pembuatannya:

Untuk gambar lebih jelasnya klik saja gambarnya...










































Saya update sedikit artikel ini...
Karena ada yang minta cara menggabungkan frame dengan data lain.

1. Buat 2 File dalam 1 folder.
2. File "Index" berisi frame, File "atas" berisi data yang ingin di gabung dengan frame.
3. Berikut Isi Kedua file nya.
 
 
 



 








File Index :


<frameset rows=119,*>
<frame name=judul atas src=atas.html>
 <frameset cols=60%,*>
  <frame name=kiri src=Kategory.html>
  <frame name=kanan src=awal.html>
 </frameset>
</frameset>
 
 
File Atas : 




<marquee behavior="alternate"><font size=6 Face=arial 
color=GREEN>
SELAMAT DATANG DI WEB ARIF JAINURI</font>
</marquee><BR>

<br><marquee behavior="alternate"><font size=3 Face=arial 
color=blue>
WEB nya Anak RPL SMK Tanggul</font>
</marquee>


 


 


 


MAKA HASIL NYA:


 


 






 

































Untuk mengubah kode-kode tersebut menjadi halaman web siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 

   

























Membuat Tabel (Table) pada HTML











06.24




0
























Table merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table, yaitu: <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> .

<TABLE> 
Digunakan untuk mendefinisikan pembuatan tabel. Memiliki attribut : 
• align - perataan : rata kiri (left), tengah (center) atau kanan (right). 
• valign – mengatur bentuk perataan secara vertikal 
• bgcolor – mengatur warna latar belakang (background) dari tabel. 
• background – menentukan gambar yang digunakan sebagai background table
• color – Untuk mengatur warna suatu sel dalam table
• border – menentukan ukuran border tabel (dalam pixel). 
• rowspan – menggabungkan beberapa baris
• colspan – menggabungkan beberapa kolom
• cellpadding - jarak antara isi cell dengan batas cell (dalam pixel). 
• cellspacing – mengatur spasi/jarak antar cell (dalam pixel). 
• width – menentukan lebar tabel dalam pixel atau percent. 
• height – Menentukan tinggi tabel

 


 <TR> 
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut: 
• align - perataan : rata kiri (left), tengah (center) atau kanan (right). 
• bgcolor - warna latar belakang dari baris. 
• valign - perataan vertikal : top, middle atau bottom. 





 <TD> 
Tag ini digunakan untuk membuat kolom baru pada tabel. Attributnya adalah:
• align – untuk menentukan perataan kolom 
• background – untuk menentukan image yang digunakan sebagai latar belakang dari kolom. 
• bgcolor – untuk menentukan warna latar belakang 
• colspan - lihat gambar contoh 
• height – untuk mengatur ukuran tinggi cell dalam pixels. 
• nowrap – untuk membuat supaya isi dari kolom tetap berada pada satu baris. 
• rowspan - lihat gambar contoh 
• valign – untuk mengatur perataan vertikal: top, middle atau bottom. 
• width – untuk menentukan lebar kolom dalam pixel atau percen. 


CONTOH:

<html>
<head>
  <title>::: Pembuatan Table :::</title>
</head>
<body background=backgrnd.gif>
  <font face=arial size=2 color=maroon>
  <table width="100" border="1" cellspacing="2" cellpadding="2">
  <tr>
   <td bgcolor="#0000FF"> &nbsp;</td>
   <td bgcolor="#FFFF66">&nbsp;</td>
   <td rowspan="2" bgcolor="#FF3366">&nbsp;</td>
  </tr>
  <tr> 
   <td colspan="2" bgcolor="#33CC66">&nbsp;</td>
  </tr>
  <tr> 
   <td colspan="3" bgcolor="#FFCC99">&nbsp;</td>
  </tr></table> 
</body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



Contoh yang lain:

<html>
<head>
<title>::: Pembuatan Table :::</title>
</head>
<body>
<font face=arial size=2 color=maroon>
<table>
  <tr>
   <td>Ini contoh tabel sederhana tanpa border</td>
  </tr>
</table>
<p>
<table border=1>
  <tr>
   <td>Ini contoh tabel sederhana dengan border</td>
  </tr>
</table>
<p>
<table border=1>
  <tr>
   <td>No.</td>
   <td>Nama</td>
   <td>Alamat</td>
  </tr>
  <tr>
   <td>1.</td>
   <td>Jam 'Iyatul Khoir</td>
   <td>Bulubrangsi Lamongan</td>
  </tr>
  <tr>
   <td>2.</td>
   <td>Ari Mulyaningsih</td>
   <td>Wringin Anom Gresik</td>
  </tr>
</table>
</body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...




 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 

   























cara Menyisipkan Gambar/Images pada HTML











06.17




0
























Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. Tag yang digunakan adalah 



Attribut yang dimiliki tag  adalah: alt, align=(center, left, right), hspace, vspace, border, width dan height. Jika attribut ukuran gambar tidak dituliskan, maka gambar ditampilkan sesuai dengan ukuran asllinya. Untuk mengatur ukuran gambar, menggunakan attribut width daan height. Attribut align digunakan untuk perataan posisi gambar. Attribut border, digunakan untuk memberi bingkai pada gambar. Sedangkan alt, digunakan untuk memberi keterangan pada gambar jika mouse berada diatasnya. Untuk mengatur letak gambar dapat menggunakan attribut hspace daan vspace. 
Contoh : 


<html>
<head>
 <title>::: menampilkan images :::</title>
</head>
<body>
<b><font size=2 Face=tahoma color=black>
<img src="gambar1.gif" alt="ini adalah logo halaman pembuka" width=100 height=50>
<img src="gambar1.gif" hspace=10 vspace=5 align=right   border=2> </font>
</body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...




 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 

    























Hypertext Link











06.00




0
























Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara  dan  akan terdapat garis bawah. 


Link ke Dokumen Lain


Untuk membuat link dengan target ke dokumen/halaman yang berbeda anda harus membuat dokumen yang dituju/target dan disimpan didirektori tertentu, baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.
Contoh:
 
<html>
<head>
<title>::: Link Dokumen Lain :::</title>
</head>
<body>
<font face=arial size=2 color=maroon>
<b> >> MENU << <br>
<a href=../index.html>H o m e</a><br>
<a href=profile.html>Profile</a><br>
<a href=album/index.html>Album</a><br>
<a href=Karya.html>Hasil Karya</a><br>
<a href=buku/index.html>Buku Tamu</a><br>
<a href=forum/index.html>Diskusi</a><br>
</b>
</body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



 Link ke bagian tertentu dalam dokumen yang sama

  Untuk membuat link ke bagian tertentu dalam dokumen yang sama anda harus memberikan nama anchor dan juga membuat link, sehingga perbedaannya dengan link yang berbeda dokumen adalah tujuan/target link, jika dalam dokumen yang sama yang dituju adalah nama anchor tetapi kalau dokumen yang beda yang dituju adalah nama file/dokumen yang bersangkutan.Untuk memberi nama anchor, atribut yang dipakai adalah NAME pada tag anchor <A> dan untuk membuat link cukup memberikan tanda # setelah nama file dalam URL. Misal:

<a href=â''#phpâ''> Ada apa dengan PHP? </a>
atau dapat ditulis lengkap:
<a href=â''belajar_php.html#phpâ''> Ada apa dengan PHP? </a>
dan untuk nama anchornya:
<a name=â''phpâ''>Ada apa dengan PHP?</a>


 Link ke alamat URL atau Website

Untuk membuat link ke alamat URL adalah dengan menambahkan:
  http://nama_URL.
Contoh:

<a href=â''http://arifjainuri.blogspot.com/â''>Blog aku</a>
<a href=â''http://www.smkpgri3-mlg.sch.idâ''>www.smkpgri3-mlg.sch.id </a>



 Link ke Alamat Email

Link email adalah membuat link pada teks, jika teks tersebut diklik maka akan menampilkan program pengiriman email yang terdapat pada komputer yang dipakai untuk mengakses data atau teks tersebut secara otomatis.
Untuk membuat link ke alamat email hanya menambahkan atribut mailto:alamat_email ke dalam tag 

<A HREF>

contoh


<A HREF="mailto:webmaster@smkpgri3-mlg.sch.id">Kirim email</a>



 Link File yang akan didownload

Link file dalam hal ini adalah apabila dikik pada teks tersebut maka proses selanjutnya adalah mendownload file yang tercantum pada dokumen tersebut. Format penulisannya adalah 

<a href=nama_file>

contoh

 <a href=â''baru.zipâ''>Download baru</a>
  <a href=â''baru.docâ''>Download</a>
  <a href=â''php404.exeâ''>Download PHP</a>


 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 
   























Pengaturan Teks Pada HTML











05.40




0
























Ada banyak Pengaturan Teks Pada HTML
salah satu contohnya yang akan kita bahas adalah:

 Preformatted Text: 
<PRE>. Digunakan untuk mengatur format tampilan agar sesuai dengan aslinya.
Contoh
 
<html>
     <head>
     <title>the &lt;pre&gt; tag</title>
     </head>
     <body>
     <h3>without the &lt;pre&gt; tag:</h3>

               here's
             some ditty
           specially done
         to lay it out all
       formatted and pretty.
     unfortunately, that is all
       this junk really means
          because i admit i
           couldn't scrawl
             poetry for 
               beans.
     <p>
<h3>with the &lt;pre&gt; tag:</h3>


     <pre>
               here's
             some ditty
           specially done
         to lay it out all
       formatted and pretty.
     unfortunately, that is all
       this junk really means
          because i admit i
           couldn't scrawl
             poetry for 
               beans.

     </pre>
     </body>
     </html>

maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...




 Extended Quotations: 

: <BLOCKQUOTE>, digunakan untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam.
Contoh:

<html>
 <head> <title>::: Blockquote :::</title>  </head>
 <body>
 <h3>2. Pengaturan Teks</h3>
 <blockqoute>

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll.
</blockqoute>
</body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...




 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 

   























LISTS (Daftar)











05.22




0
























Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa tanda-tanda khusus/symbol.


Terdapat tiga tipe list yang dapat digunakan, yaitu : 

      
  • Unordered Lists: 
      

 <UL> Untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entries didefinisikan dengan tag <LI>.  Pada jenis ini tidak memerlukan pengurutan data. Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan atribut TYPE kedalam tag <UL> dengan nilai “circle” untuk bentuk lingkaran tengahnya putih, “square” untuk bentuk kotak padat hitam dan “disc” bentuk lingkaran pada warna hitam.
Contoh : 

<html>
  <head>
  <title>::: Undordered List :::</title>
  </head>
  <body>
  <b><font size=3 Face=tahoma color=blue>
  Hobi saya adalah : </b>
  <hr size=2 width=150 align=left>
  <ul type=circle>
  <li>Olahraga
  </ul>
  <ul type=square>
  <li>Shurfing
  </ul>
  <ul type=disc>
  <li>Makan Bakso
  </ul>
  </font>
  </body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



      
  •  Ordered Lists: 
      

<OL> Juga digunakan untuk membuat daftar item bernomor, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI>tag.  Atribut yang ada pada Ordered List adalah TYPE dan START.

Contoh : 

<html>
 <head>
  <title>::: Ordered List :::</title>
 </head>
 <body>
 <b><font size=2 Face=tahoma color=black>
 Pendidikan saya adalah : </b>
 <hr size=2 width=150 align=left>
 <ol type=1>
  <li>Sekolah Dasar
  <li>Sekolah Lanjutan Pertama
  <li>Sekolah Lanjutan Atas
 </ol>
 <hr size=3 width=500>
 <ol start=4>
  <li>Universitas Muhammadiyah Malang
  <li>Universitas PGRI Malang
 </ol>
 </font>
 </body>
</html>

maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...




 Untuk attribut TYPE, dapat juga menggunakan : 
1-  Default numbers, 1, 2, 3, etc.
A-  Huruf besar. A, B, C, etc.
a-  Huruf kecil. a, b, c, etc.
I-  Romawi huruf besar. I, II, III, etc.
i-  Romawi huruf kecil , i, ii, iii, etc. 


      
  •  Definition Lists:
      


<DL>,  digunakan untuk menjelaskan istilah-istilah.  Definition List dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag <DT> Definition Term yaitu bagian istilah yang dijabarkan  dan tag <DD> Definition Data yang merupakan penjabaran dari istilah.
Contoh :
  
<dl>
<dt>  Bagian Pertama.
<dd> Sub Bagian Pertama.
<dt> Bagian Kedua.
<dd> Sub Bagian Kedua
</dl> 


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 
 
    























HORIZONTAL LINE











05.17




2
























HORIZONTAL LINE

<HR>, digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE. Atribut SIZE digunakan untuk menentukan panjang garis dalam satuan pixel. Atribut WIDTH digunakan untuk menentukan ketebalan garis. Atribut NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa bayang-bayang 3-D.
Contoh:
 
<html>
 <head>
  <title>::: Membuat Garis Horisontal :::</title>
 </head>
 <body>
  <font size=1 Face=tahoma color=blue>Selamat Datang</font>
  <hr size=1 width=150 align=left>
  <h1><center>www.smkn1tanggul.sch.id</h1>
  <hr size=5 align=center noshade>
 </body>
</html>


maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 
   

















BASE FONT





BASE FONT











05.05




0
























<BASEFONT>  Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT. 
Contoh : 
<basefont size=2 face="arial,helvetica" color="#ff0000">


Perhatian :
Selain tag dan atribut diatas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :   
<B> </B> Bold text
 
<I> </I> Italic text

<U> </U> Underscore

<TT> </TT> Typewriter

<S> </S> Strikeout - draws a line through the text

<PRE>  Preformatted Text

<DFN>     Definition

<BLINK>  Text berkedip (lebih baik jgn di gunakan)

<STRONG>  Strong 


<CITE>  Digunakan untuk quoting text 

<CODE>  Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<SAMP>   Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

 <KBD>   Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

 <BIG>   Ukuran teks akan lebih besar satu ukuran

 <SMALL>   Ukuran teks akan lebih kecil satu ukuran

 <SUP>    Membuat tekssuperscript

 <SUB>    membuat tekssub script

 <ABBREV>   Abbreviations

 <ACRONYM>   Untuk akronim

 <PERSON>   Digunakan untuk indexing

 <Q>    Membuat short inline quotation

 <VAR>    Membuat variable name, selalu dalam 
                                                        italics.

Perhatian : Semua tag di atas ini membutuhkan tag penutup.

 Untuk mengubah kode-kode tersebut menjadi HALAMAN WEB siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 

  























Kode-Kode HTML lainnya











04.48




4
























Kode-Kode HTML lainnya:
        Dalam HTML lumayan Banyak kode-kodenya untuk membuat sebuah halaman Web...
ni merupakan sedikit tentang Kode, kode tersebut:
 

A. PARAGRAPH BARU: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut ALIGN. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY. 

 
B. LINE BREAK:  <BR>  Digunakan untuk pindah ke baris baru.

 
C. NO LINE BREAK:  <NOBR>  Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang. 
D. FONT:  <font>  Digunakan untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR. 


a. SIZE: Digunakan untuk mengatur ukuran font. Ukuran font yang digunakan berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar. 


b. FACE: Digunakan untuk mengatur jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah (_). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic. 


c. COLOR: Digunakan untuk mengatur warna font. Didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). 
  Contoh : 
 <html>
 <head>
  <title>::: Ukuran, Jenis dan Warna Font :::</title>
 </head>
 <body>
 <font size=1 Face=arial color=red>Ukuran font 1</font><br>
 <font size=2 Face=arial color=green>Ukuran font 2 </font><br>
 <font size=3 Face=arial color=blue>Ukuran font 3 </font><br>
 <font size=4 Face=verdana color=red>Ukuran font 4 </font><br>
 <font size=5 Face=verdana color=blue>Ukuran font 5 </font><br>
 <font size=6 Face=tahoma color=green>Ukuran font 6 </font><br>
 <font size=7 Face=tahoma color=red>Ukuran font 7 </font><br>
 </body>
 </html>

maka hasinya akan seperti gambar di bawah ini:

 Untuk gambar lebih jelasnya klik saja gambarnya...



Contoh lainnya : 
<font size=2 face="times_new_roman" color="#0066cc"> 


 Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
 TERIMA KASIH 
   













        

      

























Langganan:
Postingan (Atom)