Responsive Ads Here

Tuesday, February 21, 2017

Mengenal Tag dan Element pada HTML

Mengenal Tag dan Element pada HTML








PENGERTIAN

HTML merupakan bahasa pemrograman dasar yang wajib di kuasai bagi seorang web developer. karena HTML merupakan unsur dasar dari pembangunan sebuah website. jika di ibaratkan HTML menjadi pondasi pada sebuah rumah atau bangunan. karena bentuk pada halaman website di buat menggunakan HTML.


LATAR BELAKANG


Untuk membuat sebuah website diperlukan dasar-dasarnya. HTML merupakan sebuah dasar atau pondasi dari sebuah website. Maka dari itu penting bagi kita sebagai seorang programing mengerti HTML.


MAKSUD & TUJUAN


Belajar HTML bertujuan untuk memudahkan kita dalam membuat sebuah website. Karena HTML sendiri merupakan sebuah pondasi dasar dari sebuah website.


ALAT & BAHAN

  • Browser
  • Text Editor

LANGKAH KERJA


Setelah sebelumnya kita membahas tentang Pengertian HTML, Text Editor. Kini kita
akan memasuki tutorial pengenalan dan penggunaan Tag dan Element dalam HTML.
Kedua pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh
tampilan halaman web yang ada di internet.


Tag HTML

Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk
apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis
didalamnya kepada web browser. Baik text itu berupa list, paragraf, link dan sebagainya.
disinilah di gunakan tag. Dalam penulisan tag, hampir semua menggunakan pembuka dan
penutup tag, dimana objek yang di maksudkan berada diantara pembuka dan penutup tag. Perbedaan tag pembuka dan tag penutup yaitu jika di tag pembuka seperti ini <> dan jika tag penutup di tambah slash atau garis miring </>. Berikut penulisan tag yang digunakan dalam HTML.

<tag> objek yang akan diisi </tag>

Berikut jenis-jenis tag yang sering dijumpai di dalam bahasa pemrograman.

Tag                                                       Fungsi
<!– ....–>                  Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPEhtml>Digunakan untuk Mendefinisikan tipe document HTML5
<a>link</a>            Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara
                                 satu dokumen HTML ke dokumen HTML yang lain (membuat link)
.<b> .. </b>             Membuat teks menjadi tebal
<p> .. </p>              Membuat pargraf
<h1> .. </h1>          Membuat heading satu
<h2> .. </h2>          Membuat heading dua
<body>                    Mendefinisikan body/isi dokument html
<head>                    Mendefinisikan bagian kepala dokumen html
<title>                     Memdefiniskan judul halaman
<div>                      Mendefinisikan halaman
<link>                     Mendefinisikan hubungan antar dokumen
<script>                  Mendefinisikan client-side script
<table>                   Mendefinisikan table
<th>                        Mendefinisikan sel header di dalam sebuah table
<td>                        Mendefinisikan sel di dalam sebuah table
<tr>                        Membuat baris di dalam sebuah table
<ul>                       Mendefinisikan daftar dalam format bullet
<li>                        Mendefinisikan list


Element HTML

Element pada HTML merupakan isi atau objek yang berada pada tag. maksudnya, isi
yang ada diantara tag pembuka dan tag penutup di sebut dengan elemen misalkan :

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<strong><h2>Pengenalalan atribut HTML</h2></strong>
</body>
</html>

pada contoh diatas <h2> adalah heading dua <h2> merupakan element h2 dan isinya ini adalah
heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.


KESIMPULAN

Di dalam HTML tag dan element merupakan hal yang penting. Karena di setiap kita membuat paragraph baru kita butuh tag <p> dan juga di dalam paragraph tersebut kita juga harus mengisinya agar ada isinya. Dan kedua bagian ini merupakan bagian yang selalu menyatu dan tidak ada yang berdiri sendiri.


Nah mungkin itu dari saya, kurang lebihnya mohon maaf,
Semoga Bermanfaat
Syukron

Wassalamualaikum Wr. Wb.


Referensi 

Buku Belajar HTML & CSS Dasar oleh Diki Alfaribi Hadi.

No comments:

Post a Comment