speecash

bisnis online, jual beli online, sistem pembayaran, pembayaran online, bisnis online

laman

Jumat, 11 Mei 2012

sedikit mengenai dasar pemrograman html



ini adalah sript html pertama saya dengan tag tag dasar html, heading ini tercetak rata kanan, tebal dan miring

selanjutnya dibawah ini adalah penggunaan tag tag dasar html, ukuran huruf pada kalimat ini lebih kcil dari kalimat diatas dan rata kiri

tag tag dasar html dalam buku ini terbagi menjadi tiga yaitu
1. tag-tag pemformatan
2. tag-tag komputer output
3. tag citation, quotition, Definition

selanjutnya akan dijelaskan mengenai masing-masing kelompok tag-tag dasar 


1.tag-tag pemformatan

digunakan utuk menformat bentuk kata/kalimat dalam suatu paragraf dalam sebuah halaman web diantranya :
1. <b> ...</b> untuk menebalkan kata/kalimat
2. <i>...</i> untuk memiringkan kata/kalimat
3. <small>...</small> unutk mengecilkan kata/kalimat
4. <big>...</big> untuk membesarkan kata/kalimat
5. <del>...</del> untuk mencoret kata/kalimat
6. <insert>...</insert> untuk mnggantikan kata/kalimat yang dicoret
7. <sup>...</sup> untuk membuat kata/kalimat menjadi menjorok keatas
8. <sub>...</sub> untuk membuat kata/kaliamat menjadi mnjorok kebawah
9. <br>...</br>  untuk berganti baris, dapat digunakan tanpa penutup </br>
10. <p>...</p>  untuk berganti paragraf, dapat digunakan tanpa penutup </p>


contoh penggunaan tag tag diatas 
1.  <b>kode seperti ini akan </b>  menghasilkan ini
2.  <i>kode seperti ini akan </i>  menghasilkan ini 
3.  <small>kode seperti ini akan </small>  menghasilkan ini 
4.  <big>kode seperti ini akan </big>  menghasilkan ini 
5.  <del>kode seperti ini akan </del> menghasilkan ini 
6.  <insert>kode seperti ini akan </insert>   menghasilkan ini 
7.  <sup>kode seperti ini akan </sup>  menghasilkan ini 
8.  <sub>kode seperti ini akan </sub>  menghasilkan ini 


2.tag-tag computer output

digunakan utuk menformat tata letak kata/kalimat supaya sesuai dengan format coding, maksudnya agar sesuai dengan koding yang telah dibuat,diantaranya :
1. <code> ...</code> definisi teks computer code
2. <kbd>...</kbd> definisi teks keyboard
3. <samp>...</samp> definisi contoh computer code
4. <tt>...</tt> defnisi teks teletype
5. <var>...</var> definisi suatu varabel
6. <pre>...</pre> definisi teks preformated

contoh penggunaan tag tag diatas :
1.  <code>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </code> 
2.  <kbd>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </kbd> 
3.  <samp>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </samp> 
4.  <tt>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </tt>
5.  <var>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </var>
6. 
 <pre>void main()
  {
   for(int i=1;i<=1;i++)
    cout<<"akan ditampilkan seperti ini";
  }
 </ptre>

 

3.tag-tag Citation, Quotation, Definition

diantaranya :
1. <abbr> ...</abbr> untuk mendefinisikan suatu singkatan
2. <acronym>...</acronym> untuk mendefinisikan suatu akronim
3. <address>...</address> unutk mendefinisikan alamat
4. <bdo>...</bdo> untuk mengubah arah teks 
5. <blockquote>...</blockquote> untuk mendefinisikan quota panjang
6. <q>...</q> untuk mendefinisikan quota pendek
7. <cite>...</cite> untuk mendefinisikan suatu citation
8. <dfn>...</dfn> untuk mendefinisikan istilah (term)

contoh penggunaan tag tag diatas :
1.  <abbr title="dan lain lain">dll </abbr> dll

2.  <acronym title="Hyper Teks Markup Language">HTML </acronym> HTML 

3.  <address>Jalan Angrek Gg Inpres 8 Waru </address> 
Jalan Angrek Gg Inpres 8 Waru
4. <bdo dir="rtl"> <br> kode seperti ini akan </bdo> jadinya seperti ini 5. <blockquote>kode seperti ini akan </blockquote>
menghasilkan ini
6. <q>kode seperti ini akan </q> menghasilkan ini 7. <cite>kode seperti ini akan </cite> menghasilkan ini 8. <dfn>kode seperti ini akan </dfn> menghasilkan ini sebagai catatan : untuk dapat menampikan suatu karakter tertentu bahasa html menggunakan syntaks penulisan khusus Sytax penulisannya : &#nilai_decimal_code_ascii; contoh untuh menampilkan karakter
syntak penuisan    karakter yang ditampilkan
 &#35;     #
 &#36;     $
 &#174;     ®
 &#8482; &#187;     »
 &#169;     ©


Tidak ada komentar:

Posting Komentar