Preformatted Text  Definition
 	Text berkedip (lebih baik jangan digunakan)
 	Strong 
 
		Italic
 	Digunakan untuk quoting text 
 	Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
 	Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) 
 	Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
	Ukuran teks akan lebih besar satu ukuran
 	Ukuran teks akan lebih kecil satu ukuran
 	Membuat tekssuperscript
 	membuat tekssub script
 	Abbreviations
 	Untuk akronim
 	Digunakan untuk indexing
 			Membuat short inline quotation
 	Membuat variable name, selalu dalam italics.
g.	
, 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:

	
		
	
	
		Selamat Datang
		

		
www.smkpgri3-mlg.sch.id
		

	

Hasilnya tampak sebagai berikut:
 

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


	


	
	Hobi saya adalah : 
	

	

		
Olahraga
	
	

		
Shurfing
	
	

		
Makan Bakso
	
	
	

Hasil dari kode di atas adalah: 
 
	Ordered Lists: 
 Juga digunakan untuk membuat daftar item bernomor, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan 
 tag.  Atribut yang ada pada Ordered List adalah TYPE dan START.
Contoh : 

	
		
	
	
	
	Pendidikan saya adalah : 
	

	

		
Sekolah Dasar
		
Sekolah Lanjutan Pertama
		
Sekolah Lanjutan Atas
	
	

	

		
Universitas Muhammadiyah Malang
		
Universitas PGRI Malang
	
	
	

Hasil dari kode di atas adalah : 
 
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: 
,  digunakan untuk menjelaskan istilah-istilah.  Definition List dinyatakan dengan tag 
 dan diantara tag tersebut ditambahkan tag 
 Definition Term yaitu bagian istilah yang dijabarkan  dan tag 
 Definition Data yang merupakan penjabaran dari istilah.
Contoh :

  Bagian Pertama.
 Sub Bagian Pertama.
 Bagian Kedua.
 Sub Bagian Kedua
 
Hasil dari kode di atas adalah : 
 
	Preformatted Text: 
. Digunakan untuk mengatur format tampilan agar sesuai dengan aslinya.
Contoh
     
     
     
     
     
     
without the <pre> tag:
               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.
     

with the <pre> tag:


     
               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.
     
     
     
Hasil dari kode di atas adalah :
 
	Extended Quotations: 
, digunakan untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam.
Contoh:
	
	   
	
	
2. Pengaturan Teks
	
Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll.




Hasilnya tampak seperti bnerikut ini:
 


3.  Hypertext Link
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:






 >> MENU << 

H o m e

Profile

Album

Hasil Karya

Buku Tamu

Diskusi





Hasil adalah sebagai berikut:
 
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  dan untuk membuat link cukup memberikan tanda # setelah nama file dalam URL. Misal:
		 Ada apa dengan PHP? 
atau dapat ditulis lengkap:
 Ada apa dengan PHP? 
dan untuk nama anchornya:
Ada apa dengan PHP?
Link ke alamat URL atau Website
Untuk membuat link ke alamat URL adalah dengan menambahkan:
		http://nama_URL.
Contoh:
www.dikti.org
www.smkpgri3-mlg.sch.id 
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 
Misalnya:
		Kirim email
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 
Misal:
		Download baru
		Download
		Download PHP
4.  Menyisipkan Gambar/Images
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 : 


	




 


	Tampilan dari contoh diatas adalah sebagai berikut: 
 
5.  Membuat Tabel (Table)
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: , , dan  dan 
. Yang perlu diingat adalah bahwa tag 
 harus terletak di antara tag  dan  .
	 
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 tabel
•	color – Untuk mengatur warna suatu sel dalam tabel
•	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

	 
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. 
	

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 : 


		


		
		 


Hasilnya adalah:
 
Contoh yang lain:







		

			
Ini contoh tabel sederhana tanpa border
		



		

			
Ini contoh tabel sederhana dengan border
		



		

			
No.
			
Nama
			
Alamat
		
		

			
1.
			
Jam 'Iyatul Khoir
			
Bulubrangsi Lamongan
		
		

			
2.
			
Ari Mulyaningsih
			
Wringin Anom Gresik
		



Hasilnya adalah sebagai berikut:
 
Menambahkan Judul Tabel
Judul dalam tabel dibedakan menjadi tiga macam, yaitu judul tabel, judul kolom table dan judul baris tabel. Judul tabel atau biasa disebut CAPTION terletak dibagian luar tabel yang bisa berada dibawah atau diatas tabel. Secara default caption diletakkan dibagian atas suatu tabel, tetapi juga dapat diletakkan dibawah suatu tabel dengan menambahkan atribut ALIGN=BOTTOM pada elemen caption tersebut.
Judul kolom atau judul baris dibuat dengan elemen yang sama yaitu elemen TABLE HEADER 
. Judul kolom terletak pada sel disebelah kiri atau kolom pertama suatu tabel, sedangkan judul baris terletak pada baris pertama suatu tabel. Judul baris atau judul kolom akan tercetak tebal.
Contoh 1:







		
Daftar Alamat
		

			
No.
			
Nama
			
Alamat
		
		

			
1.
			
Jam ‘Iyatul Khoir
			
Bulubrangsi Lamongan
		
		

			
2.
			
Ari Mulyaningsih
			
Wringin Anom Gresik




Hasil akan tampak sebagai berikut:
 
Contoh 2:







		
Daftar Alamat
		

			
No.
			
1.
			
2.
	
		
		

			
Nama
			
Jam ‘Iyatul Khoir
			
Ari Mulyaningsih
	
			
		

			
Alamat
			
Bulubrangsi Lamongan
			
Wringin Anom Gresik
		



Hasilnya akan tampak seperti berikut:
 
 kirim ke teman |  versi cetak
		
 
Berita "Komputer Dan Internet" Lainnya
Practical Aspects of WordPress SEO
 Loading...






  
 
  
  




   
    
   
   
 

 

 
 

  
   
  © 2007 - 2008 CMS Indonesia | Powered By AuraCMS 2.2.2 | xhtml validator
  

  Hosted By : duniamaya.web.id
  
  
 
 
 

  

  Home | 
    SiteMap | 
    RSS Feed