Belajar HTML #2 : Pengertian Tag, Element , dan Attribute Pada HTML

tag-element-attribute-pada-html

Kembali lagi dengan tutorial programming berikutnya jika sebelumnya tekloggers memposting mengenai basicnya alias pengenalan HTML mulai dari Pengertian Html, sejarah html , dan fungsinya .Pada artikel ini saya akan melanjutkan pembelajaran berikutnya yaitu mengenai Pengertian Tag,Element,dan Atribut pada HTML .


Pengertian Tag Pada HTML


Sebagai bahasa markup,HTML membutuhkan sebuah fungsi atau tanda untuk memberitahu Web Browser apa yang perlu atau tanda untuk memberitahu Web Browser apa yang perlu atau tidak perlu dilakukan .

Tanda tersebt disebut dengan "Tag" ,tag sendiri memiliki ciri - ciri ditulis di dalam "<........>" .Kebanyakan tag dalam HTML ditulis secara berpasangan,yaitu tag pembuka dan penutup yang biasanya diakhiri dengan "/" di dalam tanda tag "<......>"
.Seperti contoh dibawah ini :
<html>........</html>

Namun ada juga tag yang berdiri sendiri,atau tidak berpasangan (single tag),seperti tag untuk membuat baris baru.

[<br/>
<img/>]

berikut tag tag dasar pada pembuatan dokumen html yang wajib kalian tahu :

TAG-TAG DALAM HTML:

  • <HTML> Tag

Progam HTML Selalu diawali dengan Tag <html> dan juga diakhiri dengan closing tag penambahan "/" seperti yang saya katakan tadi,Contoh Html Tag:
   [<html>..</html>]

  • TAG <HEAD>

Nah setelah Tag pembuka <html> Layaknya sebuah surat setelah ada pembuka pasti ada bagian kepala.Head Tag membuat elemen tidak terlihat yang membantu membuat halaman bekerja.Contoh Head Tag:

[<html>
 <head>.......</head>
<html>]

  • TAG <BODY>

Berlanjut ke tag berikut nya Body Tag,setelah ada kepala layaknya sebuah surat setelah kepala ada yang namanya body atau isi dari dokumen.Tag body membuat elemen terlihat seperti teks,gambar,daftar,link -dll.Contoh body tag:

[<html>
 <head> </head>
   <body>........</body>
<html> ]

Pengertian Element pada HTML

Jika "Tag" adalah sebuah fungsi atau tanda untuk penulisan program HTML , maka masih saling berteman dengan yang namanya "Element".Yap,Element ialah sebuah semua data atau isi yang berada di dalam sebuah tag ,atau singkatnya element adalah isi yang akan keluar nantinya pada web browser yang sudah kita tulis bersamaan dengan "tag".

Sebagai contoh:

[<p>Hello Worlds</p>]

disini kita mengenal tag html <p> untuk menjalankan fungsi teks pada browser sedangkan "Hello Worlds" adalah teks yang akan tampil nanti pada web browser,atau di ibaratkan sebuah makanan tag adalah bungkusnya dan element adalah isi makanannya.

Pengertian Attribute pada HTML

  Attribute ialah sebuah informasi yang diberikan pada tag, sebagai catatan atau bisa juga pengetaruan untuk tag tersebut,biassanya dituliskan pada tag pembuka (untuk yang berpasangan ) atau pada tag awal tag ( untuk single tag).Seperti contoh berikut ini).

[<p align="center">Hello Worlds </p>]

Nah attribute "align=center" itulah yang akan menginformasikan sebuah tag untuk melakukan fungsi tengah (center) maka jika kalian save kode tersebut dan membukan di browser maka teks akan berubah ke tengah.

Contoh Attribute Pada HTML:

  • Atribute Paragraf :

Kalian sudah tahukan tag untuk membuat paragraf dalam html nah sekarang kita cpba menambah atributes pada pargraf tersebut seperti memnbuat pargraf itu berada di tengah ,

   [<p align = "center" >
Teksi ini berada di tengah
    </ p>]

  • Atribute Pengukuran

Sekarang kita coba menambah atributes pada garis horizontal pada tutorial sebelumnya kalian sudah tahu tag untuk membuat garis bukan,sekarang kita akan membuat garis tersebut memiliki ukuran sesuai yang kita inginkan,

 [<hr width = "50 px " />
  <hr width = "50 % " />]


Atribute Tempat/Align

 Untuk menyesuaikan text maupun garis horizontal berada di posisi yang kita inginkan seperti berada di tengah,di kiri,maupun dikanan kita cukup tambahkan align

align="center" (berada di tengah})
align="right" (berada di kanan)
align="left" (berada di kiri)

Yap sekian pemebelajaran mengenai pengertian tag , element , dan attribute pada HTML .Terus kunjungi website tekloggers untuk mendapatkan konten pembahasan programming selanjutnya, bagi kalian yang masih bingung jangan sungkan untuk berkomentar dibawah!

Disclamer And Support:

Semua artikel dalam Situs kami dilindungi oleh Google DCMA, Jika ada oknum yang copas tanpa seizin admin mohon segera diubah / dilaporkan sebelum blog kalian down.Dukung kami dengan memberikan komentar , Donasi , Ataupun Likes Fanspages kami untuk mendapatkan info menarik lainnya.

DonateFansapgeDiscord

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Berlangganan newsletter kami

Notification
Agar Tidak Ketinggalan Postingan / Artikel Terupdate Dari Kami Kliknya follow
Done