konten

Memahami Dengan Mudah Struktur, Element,Tag, dan Attribute HTML

Berbagi dan belajar bersama mengenai html,dan bukan lah seorang ahli !..


Apa yang harus di siapkan sebelum mempelajari secara langsung html ?, tidak ada persiapan yang terlalu komplek untuk mempelajari html, hanya perlu segelas kopi panas dan yang pastinya browser yang sekarang teman-teman gunakan untuk membaca tulisan ini. Untuk mengedit Kode html kita hanya perlu menggunakan notepad yang Yang support untuk mengedit html. 

Apa fungsi utama browser saat mempelajari html ?, Browser disini bertugas untuk menterjemahkan kode-kode html pada sebuah halaman website Melalui HTTP kepanjangan dari hypertext transfer protocol  dalam bentuk visual yang dapat di pahami oleh manusia, misalnya tampilan huruf,format halaman, dan posisi atau letak sebuah text di sebuah website. Semoga sejauh ini teman-teman mengerti dan paham maksud dari semua apa yang telah disampaikan,lanjut !.
Memahami element, tag, attribut dan struktur html.

Element, tag, dan atribut adalah struktur penyusun Dalam dokumen html.

1. Element

Element pada HTML membentuk sebuah struktur dan bertugas memberitahu browser untuk halaman website yang akan ditampilkan. Biasanya untuk element terdiri dari tag pembukakonten, dan tag penutup.

2. Tag

Tag sendiri untuk menandai sebuah element yang terdiri dari tag pembuka dan tag penutup : Tag pembuka <p> tag penutup </p>.

Tag berfungsi untuk menandai sebuah element, dan posisi tag sendiri di awal (tag pembuka) dan di akhir (tag penutup), maksudnya sebuah element terdiri dari tag awal dan tag penutup. Dimanakah letak konten ?.., konten terletak di antara tag pembuka dengan tag penutup, itu artinya tag pembuka, konten, dan tag penutup merupakan element. Bagaimana element terbentuk ? :
                      <html> konten </html>

Contoh :   <p>yura46.blogspot.com</p>

Misalnya dalam sebuah website terdiri dari beberapa bagian salah satunya Header, h1,h2,h3,h4,h5 yang dimana huruf H mewakili header, tampilan visualnya h1 tampilan besar sampai h5 tampilan visual kecil : contoh penerapan nya

<h1>cie</h1>   tampilan visual cie
<h2>cie</h2>   tampilan visual  cie
<h3>cie</h3>
<h4>cie</h4>
<h5>cie</h5>   tampilan visual terkecil

Ini tidak berlaku untuk beberapa element seperti code untuk membuat enter atau baris baru, yaitu <br>.

3. Attribute

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll.

Attribute selalu di sertakan dengan "sama dengan ". Html sendiri memiliki banyak attribute, tetapi ada attribute yang cocok  pada tag tag tertentu, salah satunya "href" yang cocok dengan tag <a> dan tag tag tertentu. Contoh penerapan attribute :

<a href="https://yura46.blogspot.com">blog yr art</a>

YangDimana : 
                       href="https://yura46.blogspot.com"

Merupakan nama dari sebuah attribute dan value dari attribute tersebut adalah link  https://yura46.blogspot.com dan link tersebut di teruskan oleh tulisan blog yr art yang akan divisualkan dalam tampilan halaman browser.

4. Struktur html

Merupakan kumpulan element yang dimana di dalam element tersebut terdapat attribute dan tag.Contoh struktur html :

<!DOCTYPE html>
<html>
     <head>
          <meta charset="utf-8">
          <title>sambal terasi</title>
     </head>
     <body>
          <p>sambal terasi</p>
     </body>
</html>
  1. <!DOCTYPE html> Merupakan deklarasi dari type dokumen
  2. <html></html>Dikenal dengan element utama karena semua element berada di dalamnya. Menjadi tag pembuka dan tag penutup dari semua element sebuah website
  3. <head></head>Element ini berfungsi untuk memasukkan konten yang tidak ingin ditampilkan. Konten tersebut dapat berupa keyword, deskripsi, CSS, dll.
  4. <metacharset=”utf-8″> Berfungsi untuk memberitahu kepada browser mengenai pengkodean karakter yang sesuai dengan ketentuan UTF-8.
  5. <title></title> tag yang Merupakan judul dari halaman website yang muncul pada bagian tab browser.
  6. <body></body>  Tag Berisi konten yang ditampilkan pada browser ketika pengunjung mengakes sebuah halaman.

Mungkin cukup dulu penjelasan mengenai struktur,element,tag, dan attribute html, di harapkan teman-teman memahami bahasa yang saya gunakan untuk menjelaskan judul di atas. Berbagi itu indah.
Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Memahami Dengan Mudah Struktur, Element,Tag, dan Attribute HTML "

Post a comment

ads

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel