Post Top Ad

Post Top Ad

Jan 19, 2017

Belajar HTML Untuk Pemula


Hello, hari ini saya akan membuat artikel tentang Belajar HTML Untuk Pemula. HTML atau HyperText Markup Language adalah bahasa pemograman yang biasanya digunakan untuk membuat website. Sebelum mempelajari HTML kita harus mengetahui cara penulisan, dan kode dasar HTML.

Cara penulisan kode HTML
penulisan kode HTML dituliskan dangan pembuka dan penutup tag dan isinya berada diantara keduanya. suatu tag selalu didalam kurung siku (<nama tag>), dan tutup tag selalu diberi garis miring didalam kurung siku (</nama tag>). contoh : <title>Ini Website pertama saya</title> (* contoh tersebut adalah tag "title" yang fungsinya menuliskan title di browser. )

Kode dasar HTML
Untuk menuliskan HTML kita harus mengetahui kode dasar HTML. Kode dasar html adalah kode HTML yang dituliskan agar browser mengenali kode yang kita gunakan adalah html. kode dasarnya adalah :
<html>
<head>
<title>title yang kita inginkan</title>
untuk di isi script seperti CSS dan JavaScript
<head>
<body>
isi dari web
</body>
</html>

Tag pada HTML
Agar dapat dengan mudah mengubah bentuk, atau warna pada tulisan, dan agar dapat memasukan gambar pada web kita perlu mempelajari tentang tag - tag pada html. pada tag html kita mengenal yang namanya atribut. atribut adalah informasi tambahan pada suatu tag html, misalnya saat memasukan gambar kita ingin gambar yang kita masukan memiliki panjang 200 pixel, maka pada tag <img> (tag untuk memasukan gambar pada html) tambahkan atribut width="200px", penjelasan atribut : width adalah nama informasi yang ditambahkan, 200px (px artinya pixel) adalah isi dari informasi yang sudah ditambahkan tadi. Cara penulisan atribut yaitu dengan cara menuliskannya disebelah nama tag, dan isi atribut selalu diberi tanda petik dua, contoh <img src="gambar.jpg"/>(src adalah atribut sumber yang biasa digunakan untuk menambah sumber gambar) untuk penulisan dua atribut atau lebih dapat digunakan spasi sebagai pemisahnya. contoh <img src="gambar.png" width="500px">. Ada beberapa tag dan atributnya yang biasa digunakan, yaitu :
  • <p>...</p> berfungsi untuk menulis kalimat.
    • align, mengatur rata kiri, kanan atau tengah
  • <b>...</b> berfungsi untuk menebalkan teks
  • <i>...</i> berfungsi untuk memiringkan teks
  • <u>...</u> berfungsi untuk memberi garis bawah pada teks
  • <center>...</center> berfungsi untuk menengahkan teks
  • <font>...</font> berfungsi untuk memodifikasi teks
    • color mengubah warna tulisan (masukan warna dalam bahasa inggris)
    • face mengubah bentuk tulisan
  • <h1>....</h1> berfungsi untuk mengubah besar tulisan. dapat digunakan hingga <h6> atau heading 6 yaitu ukuran terkecil dari heading
  • <ol>....</ol> berfungsi membuat daftar berurutan (Ordered List)
  • <ul>...</ul> berfungsi membuat daftar takberurutan (Unordered List)
  • <li>....</li> berfungsi sebagai isi dari list (List Item) yang terletak di tag ol atau ul
  • <img/> berfungsi untuk memasukan gambar ke html
    • src yaitu sumber gambar bisa file, bisa juga url
    • width mengatur panjang gambar
    • height mengatur tinggi gambar
Oke, mungkin hanya itu saja yang dapat saya bagikan, jika ada masalah mengenai web (HTML) bisa berkomentar dibawah dan insyallah saya jawab.

No comments:

Post a Comment