Mengenal Kode kode Dasar HTML Yang Perlu Diketahui

5:13 PM
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui
Kode HTML

kode kode HTML dasar – mengenal serta mempelajari kode HTML merupakan dasar dari bahasa pemrograman yang perlu agan ketahui sebelumnya, tepatnya sebelum masuk kedalam bahasa-bahasa pemrograman yang lebih tinggi. Bahasa HTML ini sangat banyak sekali digunakan, semua halaman website yang agan buka pun seperti Facebook, Yahoo, dan bahkan Google ditampilkan dengan menggunakan html. Jadi bisa kita simpulkan bersama bahwa html adalah suatu bahasa dasar untuk menampilkan halaman web dalam sebuah browser.

Bagi agan yang sudah lebih mengenal kode HTML mungkin tidak akan kesulitan untuk memahaminya. terlebih jika agan sudah pernah mempelajarinya, pasti tidak akan membutuhkan waktu lama untuk menghapal serta memahami kode demi kode tersebut. Namun bagi agan yang baru memulainya jangan patah semangat yah, karena admin pun disini masih mempelajarinya secara bersama-sama. Satu rahasia yang admin dapatkan untuk mempelajari kode pemrograman yaitu agan harus berpikir bahwa INI MUDAH.
Oke, tidak perlu panjang lebar lagi mari sekarang kita masuk saja ke pembelajaran kode kode dasar html. Dibawah ini telah admin tuliskan beberapa coding HTML dasar yang bisa agan pelajari secara teori maupun praktek


KODE KODE HTML DASAR

apa saja kode HTML dasar yang harus diketahui ?, berikut ini merupakan kode-kode nya diawali dengan coding dalam text editor kemudian agan lihat hasilnya dengan browser.

1. Elemen Dasar HTML

Elemen dasar HTML terdiri dari

<html>
<head>
                         <title>judul</title>
           </head>
<body>
..
</body>
</html>


2. <BR>

Kode <br> berfungsi untuk membuat garis baru.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



3. <P></P>

Kode <p> berfungsi untuk membuat paragraf, jika tanpa menggunakan </p> (penutup) maka hasilnya akan sama seperti menggunakan 2 kali <br>.

Atribut:

  • Align (perataan)

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



4. <HR>

Kode <hr> berfungsi untuk membuat garis secara horizontal.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui




5. <FONT></FONT>

Kode <font> dapat digunakan untuk mengatur ukuran, warna, maupun jenis huruf

Atribut:

  • Size
  • Colour
  • Face

Contoh:

Size
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

 Color
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

 Face
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



6. <H1></H1>...<H6></H6>

Kode <h1> s/d <h6> berfungsi untuk membuat heading dengan ukuran yang berbeda. Semakin kecil angka nya, maka semakin besar ukuran heading yang akan tampil. Untuk lebih jelas silahkan lihat pada contoh.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



7. <B></B> atau <STRONG>

Kode tersebut mempunyai fungsi yang sama yaitu untuk membuat hurus menjadi tebal.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



8. <I></I> atau <EM></EM>

Kode tersebut mempunyai fungsi untuk membuat huruf menjadi miring.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



9. <U></U>

Kode <u> berfungsi untuk membuat huruf dengan garis bawah.

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



10. <IMG>

Kode <img> berfungsi untuk memanggil atau menampilkan gambar. Kode tersebut bisa ditambahkan dengan beberapa atribut.

Atribut:

  • Src (letak file gambar)
  • Align (untuk perataan gambar)
  • Width (lebar gambar dalam pixel atau persen)
  • Height (tinggi gambar dalam pixel atau persen)
  • Alt (keteran pada gambar)

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui




11. <TABLE></TABLE>

Kode tersebut mempunyai fungsi untuk membuat table. Kode ini juga mempunya beberapa atribut disetiap sytax nya.

Atribut pada <table></table>

  • Border
  • Align
  • Width
  • Height
  • Bgcolor

Atribut pada <tr></tr>

  • Align
  • Bgcolor
  • Width
  • Height

Atribut pada <td></td>

  • Align
  • Bgcolor
  • Width
  • Height

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui




12. <A></A>

Kode <a> berfungsi untuk membuat link. Kode ini memiliki beberapa atribut.

Atribut:

  • Href
  • Name

Contoh:
Buatlah file baru dengan nama halaman1.html dan halaman2.html. lalu ketik seperti gambar dibawah ini pada editor text agan.

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Atau juga
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



13. <DIV></DIV>

Kode <div> berfungsi untuk membuat blok paragraph dengan baris baru pada akhir paragraf (pengganti <p>, digunakan pada css)

Atribut:

  • Align (perataan) – nilai: left, right, center, justify

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



14. <OL></OL>

Kode <ol> atau order list berfungsi sebagai numbering.

Atribut:
Type (jenis numbering) – nilai: 1, A, a, I, i

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



15. <UL></UL>
Kode <ul> atau unorder list berfungsi sebagai biasa kita kenal dengan bullet.

Atribut:

  • Type (jenis bullet) – nilai: disc, square, circle
Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



16. <FORM></FORM>

Kode <form> digunakan sebagai blok dari elemen-elemen form lainnya. Elemen-elemen tersebut akan di bahas pada nomor 17.

Atribut:

  • Name (nama form)
  • Action (file tujuan kemana form dikirim)
  • Methode (metode pengiriman) – nilai: post, get



17. Element-element pada FORM

<INPUT>

Tag input ini terletak didalam blok tag from

Atribut:

  • Type (jenis input) – nilai: text, checkbox, radio, button, hidden, submit, reset
  • Name (nama elemen)
  • Value (nilai isian)

Contoh:
Check Box
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

 Radio
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Button
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Submit
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Reset
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



<TEXTAREA>


  • Atribut:
  • Rows (baris)
  • Cols (kolom)
  • Name (nama elemen)

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui



<SELECT>

Atribut:

  • Option (daftar pilihan)
  • Name (nama elemen)

Contoh:
Mengenal Kode kode HTML Dasar Yang Perlu Diketahui

Mengenal Kode kode HTML Dasar Yang Perlu Diketahui




Coding HTML di atas bisa langsung agan praktekan di rumah dengan menggunakan text editor kesayangan yang biasa digunakan,  apabila belum pernah menggunakannya agan memiliki beberapa opsi untuk memasang text editor pada perangkat seperti sublime, notepad ++, Gedit dll.

Sekian untuk artikel kode kode dasar html, semoga bermanfaat dan silahkan untuk dibagikan.


Terima kasih telah membaca artikel Mengenal Kode kode html dasar yang perlu diketahui
Previous
Next Post »
0 Komentar