Minggu, 12 April 2015

Belajar Pemrograman Web : Mengenal Struktur Dasar dan Tag - Tag HTML

Dalam memulai untuk mempelajari bahasa pemrograman berbasis web, hal pertama yang pastinya harus dipelajari dan diketahui adalah mengenai HTML. HTML adalah sintak / script dasar yang digunakan oleh web programmer dalam merancang interface suatu web. Untuk itu , di sini penulis mencoba untuk membagi ilmu mengenai struktur dasar dan tag - tag HTML

Struktur Dasar HTML

Struktur Dasar HTML adalah sebagai berikut
<html>
 <head>
      <title> Di Sini Ditulis Judul Web </title>
 </head>
 <body>
        Di sini ditulis isi / konten web
 </body>
</html>

Penjelasan :
Pada struktur di atas, setiap tag membagi perannya masing - masing dalam HTML
  • Tag <html> bertugas membuka suatu halaman web, dan di akhir halaman (paling bawah) juga selalu diakhiri dengan </html> untuk menutup halaman web.
  • Kemudian tag <head> , seperti namanya, tag tersebut merupakan kepala dari sebuah halaman web, di dalam head tersebut kita meletakkan tag <title> untuk menempatkan judul web, judul web tersebut diakhiri dengan tag </title>. Selain berisikan title, tag head ini juga nantinya diisi oleh tautan - tautan link seperti javascript dan css.
  • Tag <body> , Merupakan pembuka untuk konten web kita. di dalam tag body inilah kita dapat menaruh semua isibaik teks ataupun gambar yang ingin ditampilkan di website. Tag body diakhiri dengan </body>

Beberapa Tag Penting dalam HTML

Berikut ini beberapa tag penting yang sering digunakan dalam pembuatan halaman website :
  • <b>, berfungsi memeberikan cetak tebal pada teks, contoh <b>Ilmu Dua</b> akan menghasilkan tulisan Ilmu Dua
  • <i>, berfungsi memberikan cetak miring pada teks, contoh <i>Ilmu Dua</i> akan menghasilkan tulisan Ilmu Dua
  • <u>, berfungsi memberikan garisbawah pada teks, contoh <u> Ilmu Dua</u> akan menghasilkan tulisan Ilmu Dua
  • <p>, berfungsi membuat paragraf baru.
  • <center>, berfungsi untuk mengetengahkan teks.
  • <h1><h2><h3>, berfungsi memberikan judul besar pada teks.
  • <br/>, berfungsi mengantarkan tulisan pada baris berikutnya.
  • <marquee>, berfungsi memberikan efek teks berjalan.
  • <table>, berfungsi membuat tabel, tag <table> ini diikuti dengan <tr> dan <td>  dalam pembuatan baris dan kolomnya.
Mungkin itu dulu beberapa tag html yang bisa penulis bagi, semoga mampu memberikan pencerahan bagi teman - teman semua..

Tidak ada komentar:

Posting Komentar

Terima Kasih Telah Memberikan Komentar

Designed By Published.. Blogger Templates