HTML - HTML Dasar

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Mengenal Tag, Element, Atribut HTML

Stetelah pengenalan HTML, Text Editor pada tutorial sebelumnya. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga 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 brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML

perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.

jenis tag yang sering digunakan dalam html

berikut beberapa jenis tag yang siring anda jumpai kalo di web programing :

TagFungsi
Digunakan untuk memberi sebuah komentar atau keterangan
digunakan untuk Mendefinisikan tipe document
Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
membuat teks menjadi tebal

membuat pargraf

membuat heading satu

membuat heading dua
mendefinisikan body/isi dokument html
mendefinisikan bagian kepala dokumen html
</td><td>memdefiniskan judul halaman</td></tr><tr><td><div></td><td>mendefinisikan halaman</td></tr><tr><td><link></td><td>mendefinisikan hubungan antar dokumen</td></tr><tr><td><script></td> <td>Mendefinisikan client-side script</td> </tr> <tr> <td><table></td> <td>mendefinisikan tabel</td> </tr> <tr> <td><th></td> <td>Mendefinisikan sel header di dalam  sebuah tabel</td> </tr> <tr> <td><td></td> <td>Mendefinisikan sel di dalam sebuah tabel</td> </tr> <tr> <td><tr></td> <td>Membuat baris di dalam sebuah tabel</td> </tr> <tr> <td><ul></td> <td>Mendefinisikan daftar dalam format bullet</td> </tr> <tr> <td><li></td> <td>mendefinisikan list</td> </tr> </tbody> </table> <h3>Element HTML</h3> <p>Element pada HTML merupakan isi atau objek yang berada tag. maksdunya, isi yang ada diantara tag pembuka dan tag penutup (termasuk jenis itu sendiri) misalkan :</p><!-- Crayon Syntax Highlighter v_2.7.2_beta --> <div id="crayon-604302b49cfbb700516714" class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 22px !important;"> <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span> <div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div> <div class="crayon-info" style="min-height: 18.2px !important; line-height: 18.2px !important;"></div> <div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 22px !important;"> <!DOCTYPE html> <html> <head> <title>

Pengenalalan atribut HTML
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<strong><h2>Pengenalalan atribut HTML</h2></strong>
</body>
</html>

pada contoh diatas 

ini adalah heading dua

merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya dan sebagainya.

Atribut pada HTML

Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warni, ketebalan, dll.  atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name=”value”. penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).

penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :

  • adalah tag heading 2

  • align adalah nama dari atribut
  • center adalah nilai dari atribut
  • pengenalan atribut HTML adalah element dari tag h2

tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang begelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.

Belajar HTML Mengenal Tag, Element, Atribut HTML

pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. misalkan penggunaan atribut href yang hayan bisa diguanakan pada tag  beberapa tag lain.

Tutorial HTML Dasar Lainnya

Belajar HTML Part 1 : Pengertian HTML

Belajar HTML Part 2 : Memilih Text Editor

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Part 4 : Heading Pada HTML

Belajar HTML Part 5 : Format Text Pada HTML

Belajar HTML Part 6 : Membuat Paragraf Pada HTML

Belajar HTML Part 7 : Membuat Table Pada HTML

Belajar HTML Part 8 : Membuat Hyperlink Pada HTML

Belajar HTML Part 9 : Membuat List Pada HTML

Belajar HTML Part 10 : Membuat Format Code Pada HTML

Belajar HTML Part 11 : Membuat Form Pada HTML

Belajar HTML Part 12 : Atribut Form Pada HTML

Belajar HTML Part 13 : Membuat Symbol Pada HTML

Belajar HTML Part 14 :Menampilkan Gambar Pada HTML

Belajar HTML Part 15 : Tag Iframe Pada HTML

Belajar HTML Part 16 : Menghubungkan HTML dengan CSS

Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML

Incoming search terms:

  • atribut html
  • tag html
  • https://www malasngoding com/belajar-html-mengenal-tag-element-atribut-html
  • element table di html
  • menambah atribut html dengan jquery
  • tag dalam html
  • atribut yang ada di
  • atribut
  • Jelaskan Beberapa atribut yang digunakan dalam mengatur tulisan atau teks

Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tags: , , , , , , , , ,

Tutorial HTML Dasar

Tutorial HTML Lanjutan


Produk

Tutorial Terbaru

Toko Kami

SOCIAL

Malas Ngoding

TUTORIAL MENARIK LAINNYA

Menampilkan File PDF Di HTML Dengan Mudah
Membuat Game Snake Dengan HTML5 dan JQuery
cara disable resize form textarea dengan css
Diskusi
1 Komentar
  • Dani 2 years ago

    Makin semangat belajar coding. Makasih infonya gan.

Tulis Komentar / Pertanyaan

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


Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini di buat oleh Diki Alfarabi Hadi, Founder dari www.malasngoding.com. yang aktif menulis tutorial pemrograman di www.malasngoding.com. ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD