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 pembuka, konten, 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 :
1. Element
Element pada HTML membentuk sebuah struktur dan bertugas memberitahu browser untuk halaman website yang akan ditampilkan. Biasanya untuk element terdiri dari tag pembuka, konten, 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>
- <!DOCTYPE html> Merupakan deklarasi dari type dokumen
- <html></html>Dikenal dengan element utama karena semua element berada di dalamnya. Menjadi tag pembuka dan tag penutup dari semua element sebuah website
- <head></head>Element ini berfungsi untuk memasukkan konten yang tidak ingin ditampilkan. Konten tersebut dapat berupa keyword, deskripsi, CSS, dll.
- <metacharset=”utf-8″> Berfungsi untuk memberitahu kepada browser mengenai pengkodean karakter yang sesuai dengan ketentuan UTF-8.
- <title></title> tag yang Merupakan judul dari halaman website yang muncul pada bagian tab browser.
- <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.
0 Response to "Memahami Dengan Mudah Struktur, Element,Tag, dan Attribute HTML "
Post a Comment