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
#
#
$
$
®
®
™
™
»
»
©
©
Tidak ada komentar:
Posting Komentar