Penerapan HTML (Part 3)

 

I.Latar Belakang. 
Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar
 
II.Alat dan Bahan.
  Laptop / PC
  W3SCHOOLS
  Sublime text

III.Tujuan.
 untuk mengetahui langkah dasar untuk membuat web yang sederhana.

IV.Penjelasan.
 
Teks Format Elements HTML

 HTML Format ElementsPada bab sebelumnya, kita belajar tentang bentuk HTML, menggunakan atribut style HTML.
HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus.
HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.
elemen format yang dirancang untuk menampilkan jenis khusus dari teks:

    Teks tebal : bold text
    teks penting : important text
    teks miring : italic text
    teks menekankan : Emphasized text
    teks ditandai : Marked text
    teks kecil : Small text
    teks dihapus : Deleted text
    teks dimasukkan : Inserted text
    teks di bawah : Subscripts
    teks di atas : Superscripts

Tebal dan Kuat FormattingHTML

HTML <b> mendefinisikan teks tebal, tanpa pentingnya tambahan.

 Contoh :

Maka outputnya :

HTML <strong> mendefinisikan text yang kuat, dengan menambahkan semantik pentingnya "strong".

Contoh :

Maka outputnya :

 

Miring dan Ditekankan Formatting HTML
HTML <i> mendefinisikan teks miring, tanpa pentingnya tambahan.

Contoh :

Maka outputnya :

 

HTML <em> elemen ini mendefinisikan menekankan teks, dengan menambahkan semantik penting.

Contoh : 

Maka outputnya :

Browser menampilkan <strong> sebagai <b>, dan <em> , <i>.

Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring,
tapi <strong> dan <em> berarti bahwa teks adalah "penting".HTML <em> elemen ini mendefinisikan menekankan teks, dengan menambahkan semantik penting.

Format HTML Kecil

HTML <small> elemen mendefinisikan teks kecil.

Contoh :

 Maka outputnya :

Ditandai Formatting HTML 

HTML <mark> elemen mendefinisikan ditandai atau teks yang disorot.

Contoh :

Maka outputnya :

Dihapus Formatting HTML 

HTML <del> mendefinisikan dihapus teks (dihapus).

Contoh :

Maka outputnya :

Disisipkan Formatting HTML 

HTML <ins> elemen mendefinisikan dimasukkan (ditambahkan) teks.

Contoh : 

Maka outputnya :

Text di bawah Formatting HTML 

HTML <sub> mendefinisikan teks di bawah.

Contoh :

Maka outputnya :

Teks di atas Formatting HTML

HTML <sup> mendefinisikan teks di atas.

Contoh :

Maka outputnya :

Text Format Elements HTML

tag                  Deskripsi
<B>               Mendefinisikan teks tebal
<Em>            Mendefinisikan menekankan teks
<I>                Mendefinisikan teks miring
<Small>        Mendefinisikan teks kecil
<Strong>      Mendefinisikan teks penting
<Sub>          Mendefinisikan teks subscript(di bawah)
<Sup>          Mendefinisikan teks superscripted(di atas)
<Ins>           Mendefinisikan teks dimasukkan teks
<del>           Mendefinisikan dihapus
<Mark>       Mendefinisikan ditandai / teks yang disorot

Kutipan (quotation)

Berikut adalah kutipan dari situs WWF :
Selama 50 tahun, WWF telah melindungi masa depan alam. organisasi konservasi terkemuka di dunia, WWF bekerja di 100 negara dan didukung oleh 1,2 juta anggota di Amerika Serikat dan dekat dengan 5 juta secara global.

HTML <q> untuk Kutipan Pendek

HTML <q> mendefinisikan sebuah kutipan singkat.

Browser biasanya menyisipkan tanda kutip di sekitar <q> elemen.

Contoh :

Maka outputnya :

HTML <blockquote> untuk Kutipan panjang

HTML <blockquote> mendefinisikan bagian yang dikutip.

Browser biasanya indent <blockquote> elemen.

Contoh :

Maka outputnya :

HTML <abbr> untuk Singkatan

HTML <abbr> mendefinisikan singkatan atau akronim.

Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan dan pencari-mesin.

Contoh :

Maka outputnya :

HTML <alamat> Informasi Kontak

HTML <address> mendefinisikan informasi kontak (penulis / pemilik) dari dokumen atau artikel.
<address> elemen biasanya ditampilkan dalam huruf miring. Kebanyakan browser akan menambahkan satu baris sebelum dan sesudah elemen.

Contoh :

Maka outputnya :

HTML <cite> untuk Kerja Judul

HTML <cite> mendefinisikan judul sebuah karya.

Browser biasanya menampilkan <cite> elemen di italic.

Contoh :

Maka outputnya :

HTML <bdo> untuk Override Bi-Directional 

HTML <bdo> mendefinisikan bi-directional override.

<bdo> elemen digunakan untuk mengesampingkan arah teks saat ini.

Contoh :

Maka outputnya :

Rangkuman

tag                        Deskripsi

<Abbr>             Mendefinisikan sebuah singkatan atau akronim
<Address>        Mendefinisikan informasi kontak untuk penulis / pemilik
                          dokumen
<Bdo>              Mendefinisikan arah teks
<Blockquote>   Mendefinisikan bagian yang dikutip dari sumber lain
<Cite>              Mendefinisikan judul karya
<Q>                  Mendefinisikan sebuah kutipan inline singkat

V.Kesimpulan.  
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.

VI.Refrensi.

    http://www.w3schools.com/htm