PPemrograman

Kamus bahasa pemrogram dasar tag-tag HTML lengkap dan mudah

  • 24 Agustus 2019
0
Shares
0
0
0
0
0
0
0

Hasil gambar untuk html

Hai sobat inspirasi,  artikel ini lanjutan dari belajar bahasa pemrograman dasar HTML Sebelum masuk ke materi HTML, ada baiknya kita mengerti dulu apa sih HTML itu, lalu adapula bahasa lain yang digunakan untuk membangun web seperti CSS, Javascript, PHP, dan MySQL.
HTML yang merupakan kepanjangan dari Hypertext Markup Language adalah bahasa yang digunakan untuk membuat kerangka halaman website. Ibaratkan saja seperti Microsoft Word dimana pada halaman Ms Word tersebut anda dapat memasukan gambar, paragraf, mendesain paragraf tersebut atau membuat form, membuat table dan lain sebagainya. jika sobat sudah expert mengenai hal-hal dalam Ms Word pasti akan mudah untuk memahami TAG-TAG HTML.  berikut Kamus bahasa pemrogram dasar tag-tag HTML lengkap dan mudah beserta contoh yang sobat bisa pahami :
Pengertian Tag HTML
Tag di dalam HTML berfungsi untuk memberi tahu web browser apa dan bagaimana sebuah teks harus ditampilkan. Sebagaimana yang telah kita pelajari, file HTML hanyalah sebuah file text biasa. Web browser lah yang akan memproses file tersebut dan menampilkan hasilnya. Sebagian besar tag-tag HTML ditulis secara berpasangan, yang terdiri dari tag pembuka dan tag penutup. Tag pembuka ditulis menggunakan kurung siku, seperti <p>. Sedangkan tag penutup ditulis dengan menambahkan tanda garis miring atau slash seperti </p>. Tanda p disini berarti paragraf, dimana kita memberitahukan kepada web browser bahwa seluruh teks yang berada diantara tag pembuka <p> dan tag penutup </p> adalah sebuah paragraf.
Sebagai contoh, jika saya ingin membuat struktur teks yang terdiri dari 2 paragraf, maka saya
menulisnya sebagai berikut:
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua </p>
Ketika web browser membaca kode diatas, teks diantara tag <p> dan tag </p> akan ditampilkan
sebagai paragraf yang terpisah.
Setiap tag memiliki fungsi dan peran masing-masing. Total, terdapat sekitar seratusan tag di
dalam HTML. Walaupun HTML memiliki banyak tag, tidak semuanya harus digunakan. Sebagai
contoh, tag <p> akan sangat sering kita jumpai, tetapi tag <wbr> relatif jarang ditemukan.
Dalam buku ini saya akan membahas sebagian besar tag-tag yang ada di dalam HTML, namun
kita akan fokus kepada tag-tag yang sering digunakan dan memiliki peran penting untuk
membuat struktur halaman.
Dalam menjalankan tugasnya, tag HTML memerlukan atribut.

Pengertian Atribut
Atribut adalah informasi tambahan yang ditulis pada tag pembuka. Fungsi dari atribut ini bermacam-macam tergantung nilai dan pada tag mana ia ditempatkan. Beberapa atribut bersifat umum dan bisa digunakan dalam seluruh tag (dikenal sebagai global atribut), tetapi kebanyakan hanya berfungsi untuk tag tertentu saja. Atribut terdiri dari pasangan nama atribut dan nilai atribut. Sebagai contoh, untuk menambahkan atribut class dengan nilai pertama ke dalam tag <p>, cara penulisannya adalah sebagai berikut:
<p class=”pertama”>Ini adalah paragraf pertama</p> Penulisan nilai dari atribut boleh menggunakan tanda kutip dua ( “ ) seperti diatas, atau boleh juga menggunakan tanda kutip satu ( ‘ ) seperti contoh berikut:
<p class=’pertama’>Ini adalah paragraf pertama</p> Dalam HTML, penulisan nilai atribut diantara tanda kutip sebenarnya bersifat opsional (boleh tidak ditulis). Contoh diatas juga bisa dibuat sebagai berikut:
<p class=pertama>Ini adalah paragraf pertama</p> Penulisan nilai atribut tanpa tanda kutip seperti ini tidak salah dan tetap valid di dalam HTML.
Akan tetapi, jika nilai atribut terdiri dari 2 kata atau lebih, maka kita harus menggunakan tanda
kutip, seperti contoh berikut:
<p class=”pertama penting”>Ini adalah paragraf pertama dan penting</p> Penggunaan tanda kutip untuk nilai atribut berasal dari format XHTML, dimana setiap atribut harus ditutup dengan tanda kutip. HTML5 tidak mengharuskan cara penulisan tanda kutip ini. Walaupun demikian, kebanyakan programmer tetap menambahkannya.

Pengertian Element
Istilah ketiga yang masih berkaitan dengan tag dan atribut adalah element. Di dalam HTML,
element adalah satu bagian utuh yang terdiri dari tag, atribut, dan seluruh teks yang berada
di antara tag pembuka dan penutup. Agar lebih jelas, konsep dari element ini dapat anda lihat
dalam gambar dibawah ini.

Dari gambar diatas kita dapat melihat bahwa element mencakup tag, atribut dan seluruh isi dari tag tersebut, termasuk jika didalamnya juga terdapat tag lain. Dalam pembahasan HTML, istilah tag dan element kadang saling dipertukarkan. Beberapa referensi lebih banyak menyebut tag <p>, tetapi ada pula yang menyebutnya sebagai element p. Dalam buku ini saya akan menggunakan keduanya secara
bergantian. Untuk penulisan judul, saya cenderung menggunakan istilah element, dan menggunakan istilah tag dalam pembahasan. Tag, atribut dan element adalah inti dari HTML.
Dibawah ini macam-macam Tag HTML dan penjelasannya :
<a> 
Mendefinisikan tag anchor. Digunakan untuk membuat link ke dokumen lain menggunakan atribut herf dan juga untuk membuat bookmark dokumen mengunakan atribut name.
Contoh

1  
2
3
<body>
<a href=http://www.google.com”>kunjungi website google</a>
</body>

<b>
Digunakan untuk mencetak tebal suatu teks.
Contoh

1
 <b>teks tercetak tebal (bold)</b>

<body>
Digunakan untuk mendefinisikan badan html, yang didalamnya merupakan tempat untuk meletakan elemen-elemen html lainnya, seperti gambar, teks, table, form, dll
Contoh:

1
2
3
4  
5
6
7
8
<html>
<head>
<title>judul web</title>
</head>
<body>
<!-ini adalah bagian badan tempat anda menuliskan kode-->
</body>
</html>

<br>
Digunakan untuk menyisipkan sebuah baris(ganti baris)
Contoh:

1  
2
3
4
5
6
<body>
Salah satu aplikasi internet adalah web
Html adalah kode dasar untuk membuat web
</body>

<center>
Digunakan untuk menampilkan teks ditengah halaman
Contoh:

1 
<center> teks ini akan tampil ditengah halaman</center>

<div>
Digunakan untuk mendifinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokan elemen-elemen HTML dengan format style tertentu.
Contoh:

1
2
3
4
 <div style=’color:#ff0000”>
 <h3>ini merupakan judul</h3>
 <p>ini merupakan paragraph</p>
 </div>

<form>
Digunakan untuk mendifinisikan sebuah form masukan dari pengguna
Contoh:

1
2
3
4
5
6
7  
 
  
 <form action=”action.php” method=”get”>
 Nama:  <input type=”text” name=”f_nama”/>
 email:  <input type=”text” name=”f_email”/>
<input type=”submite” value=’simpan”/>
</form>

<h1> sampai dengan <h6>
Digunakan untuk mendinisikan bagian atas (heading) teks. Dimulai dari ukuran besar<h1> hingga ukuran kecil<h6>
Contoh:

1
2  
3
4
5
6
<h1> HTML adalah kode dasar membuat web</h1>
<h2> HTML adalah kode dasar membuat web</h2>
<h3> HTML adalah kode dasar membuat web</h3>
<h4> HTML adalah kode dasar membuat web</h4>
<h5> HTML adalah kode dasar membuat web</h5>
<h6> HTML adalah kode dasar membuat web</h6>

<head>
Digunakan untuk mendifinisikan bagian atas(head) sebuah dokumen html. Bagian ini biasanya digunakan untuk mendifinisikan tag <base>, <link>, <meta>, <script>, <style>, dan <title>.
Contoh:

1  
2
3
<head>
<title>judul web</title>
</head>

<hr>
Digunakan untuk mendifinisikan sebuah garis horizontal dalam halaman html
Contoh:

1  
2
Salah satu aplikasi internet adalah web<hr>
Html adalah kode dasar untuk membuat web

<i>
Digunakan untuk mencetak miring suatu teks.
Contoh:

1 
<i>teks tercetak miring(italic)</i>

<p>
Digunakan untuk membuat paragraph baru.

<select>
Digunakan untuk mendinisikan daftar pilihan
Contoh:

1  
2
3
4
5
6
<select>
<option value=”detik”>detik</option>
<option value=”viva”>vivanews</option>
<option value=”glodokshop”>glodok shop</option>
<option value=”bhineka”>Bhineka</option>
</select>

<strong>
Digunakan untuk mempertegas tampilan suatu teks.
Contoh:

1  
Kode dasar untuk membuat web adalah <strong>HTML</strong>

<style>
Digunakan untuk mendifinisikan informasi style / script css pada dokumen html
Contoh:

1
2  
3
4
5
6
7
8
9
<head>
<style type=”text/css”>
Span.blue {color:lightskyblue;
Font-weight:bold}
</style>
</head>
<body>
Kode dasr untuk membuat web adalah <span class=”blue”>HTML</span>
</body>

<table>
Digunakan untuk membuat table dalam halaman web.
Contoh:

1  
2
3
<table border=”1”>
<caption>daftar situs</caption><tr>
<th>berita</th>

<title>
Digunakan untuk mendifinisikan judul pada dokumen html.
Contoh:

1  
2
3
<head>
<title>judul web</title>
</head>

<u>
Digunakan untuk menambahkan garis bawah suatu teks
Contoh:

1  
<u>teks bergaris bawah(bold)</u>

<ul>
Digunakan untuk membuat daftar yang tak berurut(unordered list) menggunakan symbol bullets.
Contoh:


1
2  
3
4
5
<ul>
<li>webpribadi</li>
<li>blog</li>
<li>facebook</li>
</ul>

Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup.
Terdapat pengecualian beberapa tag yang tidak berpasangan, seperti :
<br> untuk break (pindah baris)
<hr> untuk horizontal line (garis horizontal). Tag ini dikenal juga dengan sebutan self closing tag atau void tag, untuk penulisannya bisa ditulis dengan <br>,  maupun <br />.
Mungkin itu saja artikel Kamus bahasa pemrogram tag-tag HTML lengkap dan mudah.
Baca juga : Tips belajar bahasa pemrograman dasar HTML CSS
dan info pelatihan menjadi programer gratis, baca : Pelatihan pemrograman HTML, CSS, PHP dan MYSQL GRATIS di Bootcamp DumbWays
Share jika bermanfaat. Terimakasih
0 Shares:
Share 0
Tweet 0
Pin it 0
Share 0
Share 0
Share 0
3 comments
Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

You May Also Like