Hasan Shol | BLC TELKOM KLATEN

HasanOnta adalah blog sederhana yang dibuat saat penulis melakukan prakerin di BLC TELKOM KLATEN. berisi tentang segala pengetahuan tentang IT khususnya hal tentang Rekayasa Perangkat Lunak

About us

LightBlog
Responsive Ads Here

Jumat, 24 Februari 2017

BELAJAR HTML Chapter 3 : Mengenal Tag, Element, dan Atribut dalam HTML






HASANONTA - Setelah sebelumnya kita membahas tentang Pengenalan HTML, Text Editor. kini kita akan membahas tentang Tag dan penggunaanya, Element dan Atribut dalam HTML.
Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh
tampilan halaman web yang



  • HTML Tag
               Saat meng-compile file HTML, browser menerjemahkan text html dan mencari kode-kode special yang dinamai sebagai tag, yang bisanya dimulai dengan simbol "<" dan ditutup dengan tanda ">". Secara umum tag dalam HTML memiliki format sebagai berikut

<nama_tag> Teks yang akan ditampilkan </nama_tag>

 sebagai contoh, misal sebuah HTML yang memiliki isi tag header :

<p> My First Tag </p>


output dari code diatas adalah :

My First Tag

ada sedikit perbedaan untuk penutup dari simbol tag, untuk bagian penutup ada sedikit berupa tambahan yaitu "/" sebelum nama tag. Berikut ini merupakan Tag-tag yang terdapat di HTML      :

Tag                                                   Keterangan
<!– ….–>                                       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 (paling besar, bisa h1 - h6) -angka                                                                        menunjukkan besarnya huruf-

<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 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 :


<h1> HasanOnta </h2>


pada contoh diatas <h1> adalah heading satu <h1> merupakan element h1 dan isinya ini adalah
heading satu. dalam element ini bisa berupa text ataupun tag lain misalnya  < a > dan
sebagainya.



  • Atribut dalam HTML
           Atribut merupakan informasi tambahan yang digunakan di tag pembuka, informasi bisa berisi perintah untuk merubah perataan, ketebalan, pewarnaan, dan lain-lain. Atribut biasanya mempunyai 2 bagian yaitu nama dan nilai, penulisan nilai biasanya diapit oleh petik dua, atau petik satu.

          Penulisan atribut tetap diawali dengan tag, lalu didalam tag pembuka baru diberi atribut. Contoh =

<h1 align="right"> text ini rata kanan </h1>


  referensi : www.w3schools.com

Tidak ada komentar:

Posting Komentar