Belajar Teks Element HTML Dari Dasar


Halo Sobat Lautan, kali ini Lautan akan sharing-sharing ilmu seputar coding untuk hari ini dan kedepannya. Dan materi pertama yang kita pelajari hari ini adalah HTML, dengan fokus utama adalah text element

HTML (Hypertext MarkUp Language) adalah bahasa pemrograman dasar dalam website yang harus dikuasai seseorang, apabila ingin menjadi seorang web programmer yang handal. Pembahasan HTML, yang akan kita dalami kali ini adalah tentang, text element, image, audio, video, table, form, html5 form element.
 

Dengan HTML, struktur dari halaman web akan terlihat jelas, dan akan memudah proses daripada bahasa pemrograman yang lain, seperti CSS, JavaScript, dan juga PHP. Bisa dibilang menguasai HTML, adalah wajib dimiliki bagi web development
Dalam bahasa pemrograman HTML, ada beberapa hal yang harus diketahui.
 

Ada yang namanya Tag Bahagia dan Tag Jones.
 

Tag berpasangan adalah tag yang memiliki pasangan atau penutup, dan sering dituliskan dengan tanda sebagai berikut ;
 

<h1>…..</h1> (example)
 

Tag Jones adalah tag yang tidak memiliki pasangan atau penutup, dan sering dituliskan dengan tanda sebagai berikut ;
 

<meta charset=”UTF -8”> (example) 
Dalam penulisannnya, HTML memiliki setidaknya 5 bagian, yaitu nama tag, atribut, value, isi, penutup (jika tag tersebut bertipe Bahagia)

 

Berikut ini adalah beberapa dari text element, disertai atrtibut dan value (Petunjuk)
 
<p>…..</p> Membuat Paragraf
 
Atribut = align atau style=”text-align:  ……..”
Value = center, justify, right, left(default)
 
<a>…..</a> Membuat Link
Atribut = href
Value = “htttps://www.lautan-it.com” atau “lautan.html”  

<h1>…</h1> Heading berukuran 1
<h2>..</h2> Heading berukuran 2
<h3>..</h3> Heading berukuran 3
Begitu seterusnya sampai dengan heading 6
 
<strong>….</strong> Menebalkan karakter
<b>… </b>Menebalkan karakter
<em>…</em> Memiringkan karakter
<i>…</i> Memiringkan karakter
<s>…</s> Memberikan efek coret pada karakter
 
<del>…</del> Mmberikan efek coret pada karakter
<ins>…</ins> Memberikan garis bawah
<u>….</u> Memberikan garis bawah
<strike>…</strike> Memberikan
 
<sub>…</sub> Menjadikan karakter berada dibawah teks
<sup>…</sup> menjadikan karakter berada diatas teks
 
<pre>…</pre> Menjadikan karakter tampil apa adanya
<code>…</code> Menjadikan karakter seperti penulisan kode
<samp>…</samp> Menjadikan karakter seperti penulisan kode
<var>..</var> Memiringkan karakter
 
<cite>…</cite> Menandai hasil karya seseorang seperti judul buku, lagu, atau film
<q>….</q> Menuliskan kutipan.. (otomatis tersedia tanda kutip tanpa perlu diketik)
<blockqoute>….</blockquote> Memberikan garis baru sekaligus membuat kutipan
<mark> … </mark> Menandai suatu kalimat
<abbr>…</abbr> Memberikan keterangan singkatan pada karakter
 
Contoh 
<abbr tittle=”Sistem Informasi”> SI</abbr>
Atribut = title, alt, dan lain-lain.
<address>….</address> Menjadikan karakter seperti penulisan alamat (contoh pada footer web kebanyakan.
<bdo> </bdr> Memberikan arah pada penulisan. Bidirectional Override
Atribut (bersifat wajib) = dir
Value = ltr dan rtl
<dfn> … <dfn> Memberikan defenisi pada karakter
<small>…</small> Menjadikan karakter berukuran kecil
Untuk mengetahui lebih lanjut tentang macam-macam tag beserta atributnya, anda dapat mendownloadnya disini.

Post a Comment

2 Comments

  1. ini dulu saya kenalnya dengan kode-kode ini waktu sma. Lumayan berguna untuk bekal ngeblog lah dikit-dikit

    ReplyDelete
    Replies
    1. wkwkwk :v. benar sekali..berguna juga untuk dasar menjadi web designer

      Delete