HTML Bag 1

malam ini saya buntu... ternyata menganalisa HTML itu g semudah membalikkan telapak tangan. semoga ini cepat berlalu.. amiin.. untuk melepas kejenuhan saya, malam ini saya akan mencoba berbagi tentang beberapa teory dasar HTML. sebelumnya saya minta maaf karna kesibukan saya sehingga beberapa imail dari pengunjung belum sempat saya balas. selamat belajar n semoga ini bermanfaat.

• Heading

Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML. Sekalipun sama-sama merupakan judul, tetapi heading berbeda dengan elemen <TITLE> yang hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page.

Untuk menyatakan heading, digunakan tag <Hx> dimana x merupakan nomor level heading dari 1 sampai 6, sedangkan untuk mengakhirinya digunakan tag akhir </Hx>.Atribut yang dapat ditambahkan pada elemen heading adalah ALIGN dimana memiliki nilai sebagai berikut :

Align="left", untuk heading rata kiri Align="center", untuk heading rata tengah Align="right", untuk heading rata kanan

Contohnya :

<H1 align="center">Heading level 1</H1> 

<H2>Heading level 1</H2> 

<H3 align="left" >Heading level 1</H3> 

<H4>Heading level 1</H4> 

<H5 align="right" >Heading level 1</H5> 

<H6>Heading level 1</H6> 

Tentu Anda dapat membedakannya bukan? Cobalah sebagai pembelajaran.

• Phisical Style 
  
  Phisical Style adalah suatu jenis format yang diberikan pada teks tanpa tergantung pada jenis dari elemen dasar teks tersebut. Elemen-elemen ini telah sering kita gunakan dalam program pengolahan kata, seperti menebalkan atau membuat miring suatu teks. Adapun elemen-elemen fisik yang dapat diterapkan pada dokmen HTML adalah : 
  

  Elemen	Fungsi
  <B>........</B>	Untuk menebalkan
  <I>.........</I>	Untuk memiringkan teks
  <U>.........</U>	Untuk mengarisbawahi teks
  <S>..........</S>	Untuk mencoret teks
  <BLINK>.........</BLINK>	Membuat teks berkedip
  <TT>........</TT>	Tampilan dalam format typewriter
  <SMALL>........</SMALL>	Untuk membesarkan teks
  <BIG>........</BIG>	Untuk mengecilkan teks
  <SUB>........</SUB>	Membuat teks subscript
  <SUP>.......</SUP	Membuat teks superscript

  
  
  
• F O N T
  » Menentukan Ukuran Teks 
  Elemen fontmenyediakan atribut Size dengan nilai 1 sampai 7. Semakin besar angka, maka semakin besar ukuran teks tersebut.
  Berikut contoh Penggunaan Tag Font Size beserta hasilnya ::
  
  <font size=1>Ukuran Teks 1</font><br>
  <font size=2>Ukuran Teks 2 </font><br> 
  <font size=3>Ukuran Teks 3 </font><br>
  <font size=4>Ukuran Teks 4 </font><br>
  <font size=5>Ukuran Teks 5 </font><br>
  <font size=6>Ukuran Teks 6 </font><br>
  <font size=7>Ukuran Teks 7 </font><br>
  

  Ukuran Teks 1 Ukuran Teks 2 Ukuran Teks 3 Ukuran Teks 4 Ukuran Teks 5 Ukuran Teks 6 Ukuran Teks 7

  
  » Mengubah Warna Teks 
  Penggunaan warna pada teks mulai diperkenalkan oleh Internet Expoler 1.0 dengan menggunakan atribut COLOR pada elemen FONT. Pendefinisian warna dapat dilakukan dengan dua cara yaitu, melalui nama warna atau mengunakan nilai RGB warna.
  
  Penggunaannya pada HTML, saya buat dalam contoh berikut :
  <font color="blue">Teks berwarna biru </font>
  <font color="#000000"> Teks berwarna hitam </font>
  
  » Mengubah Jenis Font 
  Di sini saya mengasumsikan Internet Expoler sebagai Web Browsernya. Internet Expoler memperkenalkan atribut FACE pada elemen font yang dapat digunakan untuk membuat bermacam-macam jenis font pad suatu page. Jenis font sendiri seperti Arial, Times New Roman, dll. 
  Penggunaannya pada HTML adalah sebagai berikut : 
  
  <font face="arial">Font Jenis Arial </font><font face="times new roman ">Font Jenis Times New Roman </font>
  
  » Penggunaan atribut-atribut tersebut dapat disatuka dalam satu elemen font sehingga akan diperoleh gabungan dari warna, ukuran, dan jenis font. Contohnya dalam HTML adalah :<font size="6" color="green" face="arial">Gabungan beberapa atribut pada suatu teks</font>
• Ganti Baris dan Garis Horizontal
  Elemen yang digunakan untuk ganti baris adalah BR (Break Rule) yang berguna untuk menuliskan teks pada baris berikutnya.Dengan adanya elemen ini, kita tidak lagi memerlukan elemen PRE jika menulis padasuatu baris baru. Penulisan tag BR tidak memerlukan penutup.Contoh dalam HTML :
  
  <font face="arial">Font Jenis Arial</font>
  <font face="comic san ms">Font Jenis Comic San MS</font>
  
  Sedangakan untuk membuat garis horizontal, diperlukan elemen HR(Horizontal Rule). Ada beberapa atribut yang dapat digunakanuntuk mengubah tampilan garis seperti untuk mengubah panjang, ketebalan, warna dan efek bayangan(3D).
  Berikut ini adalah atribut-atribut yangdapat ditambahkan pada elemen HR, yang mana pemakaiannya dapat digabungkan dengan elemen HR : 
  

  Atribut	Argumen	Keterangan
  Align	Center Left Right	Digunakan untuk melakukan perataan pada garis yang dibuat
  Noshade	noshade	Untuk memunculkan efek tanpa bayang-bayang
  Size	Piksel %	Digunakan untuk menentukan ukuran ketebalan garis dapat berupa piksel atau persen
  Width	Piksel %	Digunakan untuk menentukan ukuran panjang garis dapat berupa piksel atau persen
  Color	Nama Warna RGB	Untuk memberi warna pada garis yang dibuat.

semoga bermanfaat

BACA >> SEKILAS DARI ADMIN

Silahkan Tinggalkan Komentar tentang artikel ini

Comments for blogger! brought to you by Dunia Pendidikan , Ingin Kotak Komentar seperti ini? KLIK DISINI!?