Belajar Tag dasar HTML

Belajar Tag dasar HTML

Sebelum nya kita membahas tentang Kode CSS border, padding dan margin. sekarang gimana pula kita membahas tentang kode tag HTML. biar lebih complate tutor di web ini.Langsung ke topik pembahasan kita.

Tag dasar HTML Terbagi menjadi 5 bagian, yaitu Document Type definition(DTD/Doctype), html, head, title, dan body.

• 
  
  untuk menjelaskan versi HTML pada skrip yang kita buat ditulis pada bagian paling atas.
  contoh penulisan:
  kode diatas menunjukkan bahwa kita menggunakan HTML versi 4.01. sebenarnya tanpa menyertakan Doctype pun halaman website masih bisa dibuka. Namun W3C (Word wide web consortium) sebagai menyedia pembangunan teknologi yang berhubungan dengan web, menganjurkan untuk selalu menggunakan tag ini di awal halaman web.
  
• .......
  
  Digunakan untuk membuka dan menutup dokumen HTML.
  
• .......
  
  Digunakan untuk menuliskan keterangan dokumen HTML, misalnya judul halaman.
• 
  
  Di gunakan untuk menulis judul halaman.
  contoh:
  
• .......
  
  Digunakan untuk menulis tag-tag yang akan menjadi konten website.
  
  Dibawah ini Beberapa Atribut untuk Tag Body
  
   = Menentukan warna latar
   = Menentukan warna teks
   = Menentukan warna link sebelum diklik
   = Menentukan warna link setelah diklik
   = Menentukan warna link ketika sedang diklik
  
  Untuk Tag Teks
  
  ,
  ,
  ,
  ,
  ,
   = untuk membuat heading teks dari yang terbesar (h1) sampai yang terkecil (h6)
   = untuk membuat huruf tebal
   = untuk membuat huruf miring
   = untuk membuat huruf seperti font pada mesin tik.
   = untuk membuat huruf miring
   = untuk membuat huruf tebal
   = untuk menentukan besar huruf
   = untuk menentukan warna huruf
  
  Tag untuk Format Teks
  
   = membuat paragraf
  
   = menentukan perataan teks, rata kiri, kanan, atau tengah
  
   = membuat baris baru
  
   = membuat daftar item dengan nomor urut
  
   = membuat daftar item tanpa nomor urut
  
 = menentukan awal dan akhir setiap baris pada daftar item

Tag untuk Gambar
 = menentukan lokasi file gambar
 = menentukan penempatan gambar: kiri, kanan, tengah, bawah, atas
 = menentukan border gambar
 = menentukan nama alternatif untuk gambar. diperlukan jika browser tidak mengaktifkan gambar

Tag untuk Tabel

 = membuat awal dan akhir sebuah tabel
 = menentukan sebuah baris pada tabel
 = membuat sel data pada tabel
 = membuat judul kolom

Selamat mencoba..........

Read more »

Kode CSS Untuk Latar Warna Dan Gambar

Kode CSS Untuk Latar Warna Dan Gambar

SENIN, 14 NOVEMBER 2011

Penerapan kode CSS sedikt berbeda dengan kode HTML jika sobat ingin membuat latar belakang gambar atau warna, dengan menggunakan kode CSS ini anda dapat menggunakan tampilan ini di mana saja sedangkan untuk kode HTML hanya berlaku pada tempat dimana kita menggunakan kode HTML tersebut, dengan kata lain kode CSS ini adalah 1 untuk semuanya..heheh..:).



1. CARA MEMBUAT KODE CSS UNTUK LATAR

Kode CSS ini sobat tempatkan di tepat diatas tag ]]></b:skin>


#csslatar {
background-color: #111;
font-family: Arial;
color: silver;
font-size: 14pt;
font-variant: small-caps;
font-weight: bold;
text-align: left;
border-width: 0px;
padding: 5px;
width: auto;
height: auto;
margin: auto;
overflow: auto;
float: none;
} SAVE TEMPLATE

2. MEMASANG KODE HTML

Nah selanjutnya memasang kode HTML untuk memanggil kode CSS tersebut



<div id='csslatar'>
Tulisan Anda
</div> 3. CARA MEMBUAT KODE CSS UNTUK LATAR GAMBAR
Kode CSS ini sobat tempatkan di tepat diatas tag ]]></b:skin>



#cssimg {
background : #111 url(url-gambar.png)no-repeat right;
font-family: Arial;
color: silver;
font-size: 14pt;
font-variant: small-caps;
font-weight: bold;
text-align: left;
border-width: 0px;
padding: 5px;
width: auto;
height: auto;
margin: auto;
overflow: auto;
float: none;
} SAVE TEMPLATE

4. MEMASANG KODE HTML



<div id='cssimg'>
Tulisan Anda
</div> Sekian Semoga Bermanfaat. ;D

Read more »

Kode HTML Untuk Latar Gambar Dan Warna

Kode HTML Untuk Latar Gambar Dan Warna

SENIN, 14 NOVEMBER 2011


Tips berikut untuk blogger pemula seperti saya ini adalah cara untuk membuat latar belakangdengan gambar atau warna pada tulisan atau apa saja yang sobat ingin buatkan latar belakang, latarbelakang keluarga juga boleh . hehe ! :).



1. KODE HTML UNTUK LATAR WARNA

<div style="background: #121212;padding: 10px; text-align:left;">
<p>teks anda</P>
</div>
Hasilnya akan seperti ini.


Untuk mengubah warna latar | background : # (kode warna)


Untuk mengubah jarak tulisan dengan bingkai | padding: (jarak dalam pixel)


Untuk mengubah posisi teks | text-align : (center,right, left atau justify)




2. KODE HTML UNTUK LATAR WARNA DAN GAMBAR

<div style="background: #121212 url(url-image.png)no-repeat left;padding: 10px; text-align:right;">
<p>teks anda</p>
</div>
Hasilnya akan seperti ini.


Untuk mengubah gambar latar | background : url (url-gambar.png)


Untuk mengubah warna latar | background : # (kode warna)


Untuk mengubah jarak tulisan dengan bingkai | padding: (jarak dalam pixel)


Untuk mengubah posisi teks | text-align : (center,right, left atau justify)

Read more »