Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML

Sabtu, 29 Oktober 2016

Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML

    1 komentar

SCRIPT KIDDIES - Setelah pengenalan HTML pada tutorial sebelumnya kini kita akan memasuki tutorial Pengenalan Tag Element & Atribut dalam HTML, Ketiga pembahasan ini merupakan dasar penulisan kode HTML atau dasar dari seluruh tampilan website yang ada di internet

TAG HTML
TAG Merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML tersebut ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser baik text itu berupa list, paragraf, link maupun yang lainya. Disinilah kita gunakan tag, dimana objek yang dimasukkan berada diantara pembuka dan penutup tag. Berikut contoh penulisan tag HTML
<tag>Objek Yang Diisi</tag>
Perbedaan antara pembuka dan penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri kurung sudut penutup. Sedangkan pada penutup tag diawali kurung sudut pembuka, backslash (/), dan kurung sudut penutup.

JENIS TAG YANG SERING DIGUNAKAN DALAM HTML
Berikut beberapa jenis tag yang sering dijumpai dalam web programing
TagKeterangan
<!– ….–> Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html> digunakan untuk Mendefinisikan tipe document
<a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b> membuat teks menjadi tebal
<p> membuat pargraf
<h1> membuat heading satu
<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 tabel
<th> Mendefinisikan sel header di dalam sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<tr> Membuat baris di dalam sebuah tabel
<ul> Mendefinisikan daftar dalam format bullet
<li> mendefinisikan list
ELEMENT DAN STRUKTUR DASAR HTML
Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. Informasi  ini bisa berupa intruksi untuk memberikan efek warna, ketebalan, rata tengah kiri kanan dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name="value" . Penulisan nilai/value diapit oleh dua tanda kutip (bisa kutip satu dan juga kutip dua)

HTML Memiliki struktur dasar yaitu <html><head><title><body> jika tidak ada tag tersebut web tidak dapat dijalankan. Lanjut ke atribut HTML, Penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut & Struktur Dasar pada HTML :
<!DOCTYPE html>
<html>
<head>
    <title>SCRIPT KIDDIES</title>
</head>
<body>
<h2 align="center">Pengenalalan atribut HTML</h2>
</body>
</html>
Jika Script Dijalankan
Keterangan :
  • <html> Berfungsi untuk mendefinisikan dokumen html
  • <head> Adalah kepala dari website, Pada tag ini anda bisa menambahkan banyak informasi seperti meta, css, javascript, font dan lain lain
  • <title> Berfungsi untuk menatakan title/judul website sobat dan disimpan dalam tag <head>
  • <body> Adalah isi dari sebuah website semua yang ditampilkan akan tampil dalam tag <body>
  • <h2> Adalah tag heading
  • align Adalah nama dari atribut
  • center Adalah nilai dari atribut
  • Pengenalan Atribut HTML Adalah element dari tag H2
  • </> ( Slash ) Adalah penutup dari sebuah Tag
Tidak semua tag membutuhkan atribut di dalamnya, namun bagi sobat yang bergelut dalam web programing akan sering menemukan tag yang didalamnya terdapat atribut. Pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. Misalkan penggunaan atribut href yang hanya digunakan pada tag <a> dan pada beberapa tag lain

Oke cukup sampai disini tutorial Belajar Belajar HTML Part 2 : Mengenal Tag, Element, Atribut HTML jika mengalami masalah atau ada yang ditanyakan silahkan berikan komentar pada kolom dibawah, Sekian Terima Kasih

Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding

TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML 
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML

1 komentar :

Langganan: Posting Komentar ( Atom )