Belajar Cara Menggunakan Tag HTML Dasar

Belajar Cara Menggunakan Tag HTML Dasar

Pada artikel kali ini saya akan membahas mengenai cara belajar menggunakan tag html dasar, apa itu html ? HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Jika kalian ingin membuat suatu website maka kalian harus mengerti terlebih dahulu bagaimana cara penggunaan html ini, karena ini ada dalah dasarnya agar web kalian bisa di konversikan kedalam browser, nah di artikel kali ini saya bermaksud untuk menjelaskan fungsi-fungsi tag yang ada pada html.

Berikut ini tag HTML yang akan kita bahas beserta fungsinya.

Dalam Fungsi HTML biasanya dawali terlebih dahulu seperti strukture kode dibawah ini.

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Pada umumnya strukture basic dari html adalah seperti script diatas, akan tetapi biasanya banyak editor yang menyediakan untuk membuat file html, sehingga formatnya tidak selalu seperti script diatas. Untuk Tag lainnya bisa kita pelajari dibawah ii

<title>Isi Judul</title> : Tag ini digunakan untuk memberikan judul pada web kita, jika kita meletakan kata diantara tag title tersebut maka judul tersebut akan terlihat pada tab browser.

<h1>Ini Heading Pertama</h1>  : Tag ini bisa dibilang heading, dengan menuliskan kata-kata diantara tag ini maka tulisan kita akan menjadi besar, tag ini bisanya digunaka untuk judul, tingkatan tag h1 ini ada sampai 6 tingkatan yaitu : h1,h2,h3,h4,h5,h6. jika kita menggantinya maka ukuran font dari tulisan kita akan mengecil sesuai dengan yang kita pakai pada tag heading tersebut, h1 merupakan heading yang paling besar.

<p> Paragraf </p>  : Tag ht ml ini digunakan untuk membuat paragraf baru.

<a href=”isi url”>This is a link</a> :  Tag ini digunakan jika kita ingin membuat suatu link pada text, misalkan pada tag tersebut dituliskan seperti <a href=”http://google.com”>Ini link Google</a> Maka otomatis ketika kita jalankan pada browser dan mengklik tulisan tersebut, kita akan langsung terhubung dengan google.

<br></br> : Tag html ini digunakan untuk membuat baris baru, fungsinya hampir mirip dengan tag paragraf.

<img src=”url image” width=”104″ height=”142″>  : Jika kita ingin menampilkan gambar, maka gunakan tag html img ini, pada src isikan lokasi dari file gambar yang ingin kalian tampilkan.

<table>
   <tr>
      <td><td>
   </tr>
</table>    :   Tag ini digunakan jika kita ingin membuat sebuah table pada file html, table adalah tag awal membuatnya, tr untuk membuat kolom, sementara td untuk membuat baris baru.

<i>isi text</i>  : Tag ini untuk membuat agar tulisan kita menjadi miring atau sering disebut juga dengan italic.

<b>isi text<b>  :  Tag ini berfungsi agar tulisan yang kita tulisakan di antar tag tersebut menjadi tebal atau bold.

<ul>
<li>List Awal</li>
<li>List Kedua</li>
</ul>                           :  Tag ini digunakan untuk membuat sebuah list tulisan yang biasanya kita gunakan jika terdapat beberapa pilihan.

Pada Artikel kali ini hanya itu saja dulu yang akan saya jelaskan, sebenarnya masih banyak lagi tag-tag html yang belum dibahas, dilain waktu mungkin akan saya lanjutkan kembali pembahasan mengenai penggunaan tag html dasar ini.

Sekian artikel kali ini, semoga artikel kali ini bisa membantu teman-teman semua dan juga bermanfaat. Terima kasih sudah berkunjung ke blog ini.

3 thoughts on “Belajar Cara Menggunakan Tag HTML Dasar

Leave a Reply

Your email address will not be published. Required fields are marked *