Breaking

Monday, May 8, 2017

Ayo ! Mengenal Tag, Element, Atribut HTML


Kita telah mempelajari pengenalan HTML, Text Editor. dan di pertemuan inilah kalian akan mulai memasuki pengenalan dan penggunaan Tag, Element, dan Atribut dalam HTML. Di ketiga inilah kalian akan menulis dasar sebuah kode HTML dasar dari seluruh tampilan halaman web yang ada di internet.

TAG HTML
Tag adalah kode yang digunakan untuk memperkenalkan pada web browser sebagai apa text HTML yang kalian tulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik berupa list, paragraf, link dan lain sebagainya. Disinilah fungsi dari pada tag digunakan. Didalam penulisan sebuah tag, hampir semua menggunakan pembuka dan penutup pada tag, dimana objek yang dimaksudkan berada pembuka dan penutup tag. Contoh penulisan tag yang digunakan dalam HTML.

<tag> Beritanya Anak Terbaik </tag>

Letak perbedaanya antara tag pembuka dan penutup terletak pada /. Maksudnya adalah tag pembuka diawali kurung sudut pembuka dan diakhiri kurung sudut penutup (<>), sedangkan tag penutup adalah, diawali dengan kurung sudut pembuka, backlash, dan diakhiri dengan kurung sudut penutup. (</>).

Dalam hal ini jenis inilah yang sering digunakan dalam .html

Berikut ini adalah jenis tag yang sering kalian jumpai di dunia web programing :

Tag
Fungsi
<!-….->
Digunakan sebagai pemberi sebuah komentar atau keterangan.
<!DOCTYPE
html>
Digunakan dalam mendefinisikan tipe document HTML 5.
<a.link</a>
Mendefinisikan sebuah anchor, yang digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lainnya (membuat link).
<b>…</b>
Teks menjadi Bold atau tebal.
<p>…</p>
Membuat sebuah paragraph.
<h1>…</h1>
Membuat heading 1
<h2>…</h2>
Membuat Heading 2
<body>
Mendefinisikan body / isi dokumen HTML.
<head>
Mendefinisikan bagian kepala dokumen HTML.
<title>
Mendefinisikan judul Halaman.
<div>
Mendefinisikan halaman
<link>
Mendefinisikan hubungan antara dokumen.
<script>
Mendefinisikan client-side script.
<table>
Mendefinisikan table.
<th>
Mendefinisikan sel header di dalam sebuah table.
<td>
Mendesinisikan sel didalam sebuah table.
<tr>
Membuat baris didalam sebuah table.
<ul>
Mendefinisikan daftar dalam format bullet
<li>
Mendefinisikan list.

Element HTML
Element pada HTML merupakan isi atau objek yang letaknya ada pada tag. maksudnya adalah, isi yang ada diantara sebuah tag pembuka ataupun penutup.

<!DOCTYPE html>
<html>
<head>
            <title></title>
</head>
<body>
<strong><h2>Atribut HTML di Berita HCI</h2>
</body>
</html>

Maksudnya adalah <h2> itu heading dua <h2> merupakan element h2 dan isinya adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link>.

Atribut HTML
Atribut merupakan informasi yang kalian gunakan sebagai tambahan dalam tag pembuka. Informasi ini dapat berupa sebuah instruksi untuk memberikan sebuah efek terhadap warna, ketebalan, dll. atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan ( name='value'). Penulisan nilai diapit oleh tanda kutip ( boleh satu atau dua ).

Penulisan Atribut pada HTML. diawali dengan penulisan Tag berikan atribut dan element dari tag itu sendiri. Berikut ini adalah contoh penulisannya.

<!DOCTYPE html>
<html>
<head>
            <title></title>
</head>
<body>
             <h2 align="center">Atribut HTML di Berita HCI</h2></strong>
</body>
</html>

Mohon untuk kalian perhatikan syntax pada contohnya :
  • <h2> adalah tag heading 2.
  • align adalah nama atribut
  • center adalah nilai/value dari atribut
  • "Atribut HTML di Berita HCI" adalah element dari tag h2
Tidak diharuskan semua tag membutuhkan yang namanya atribut didalamnya, namun bagi kalian yang ingin mengeluti di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.

No comments:

Post a Comment