» » » HTML : Element

HTML : Element

,
create-script - hai...bertemu lagi bersama saya "angga nur cahya pramudya" pada blog kesayangan kita....kali ini saya akan sharing mengenai beberapa elemen- elemen pada html. langsung saja mari kita bahas :


A. Pendahuluan
  • Pengertian
          Elemen pada HTML adalah susunan dari tag pembuka sampai tag penutup, elemen html didefinisikan oleh tag pembuka, lalu di lanjutkan oleh kontent lalu di akhiri oleh tag penutup.
 

  • Latar Belakang
  • Maksud dan Tujuan
1. Memahami Lebih dalam mengenai Elemen-elemen pada html
  • Alat & Bahan
1. unit pc/laptop
2. text editor
3. xampp/lamp

 B. Pembahasan
1. Sebuah elemen memiliki 3 bagian penting, yaitu:
  • Tag Pembuka
  • isi
  • Tag penutup
<p> Saya Ganteng </p>
 "p" diatas berarti "Paragraph", jadi anda dapat menuliskan paragraph dengan menggunakan tag <p> dan ditutup oleh </p>. ini adalah hasil dari elemen diatas:
2. satu halaman web dapat terdiri dari ratusan elemen atau bahkan ribuan elemen, sebagai contoh:
<html></html>
<body></body>
<p></p>
 3. Nested HTML
          Nested HTML adalah sebuah elemen yang berada didalam elemen HTML lainnya. contoh:
<body><h2>Saya ganteng, tapi Saya kalah ganteng oleh author</h2></body>
 berikut ini, adalah hasilnya:
dari elemen diatas h2 text yang menggunakan Tag h2 berarti bertuliskan
tebal dengan size 2 tingkat dari atas

4.Dokumen HTML 
          Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda – tanda (tag ) tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen.
berikut adalah contoh penggunaan Dokumen Html:
<html>
<title>Create-Script</title>
<body><p>Saya ganteng, tapi tidak se-ganteng Author</p></body>
</html>
 dan hasilnya adalah:
5. Penjelasannya adalah:

   a. Elemen <p> :
  • <p> merupakan paragraf elemen
  • Elemen ini dibuka dengan <p> dan di tutup dengan </p>
  • Isi dari elemen ini adalah 'Paragrafku'
   b. Elemen <body> :
  • <body> merupakan elemen isi atau badan dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <body> dan di tutup dengan </body>
  • Elemen ini memiliki sebuah nested elemen yaitu elemen <p> beserta isinya

   c. Elemen <title> :
  • <title> merupakan elemen yang mendefinisikan judul dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <title> dan di tutup dengan </title>
  • Isi dari elemen ini adalah 'Judulku'
   d. Elemen <html> :
  • <html> merupakan elemen yang mendefiniskan seluruh bagian dari sebuah dokumen HTML
  • Elemen ini dibuka dengan <html> dan di tutup dengan </html>
  • Elemen ini memiliki tiga nested elemen lainnya, yaitu :<title>,<body> dan <p>

6. Case sensitive

HTML tag tidaklah case sensitive, jadi tidak akan bermasalah meskipun anda menuliskannya dengan huruf  besar maupun kecil. <html> -> <HTML>.

Akan tetapi kami sarankan agar anda menggunakan lowercase / huruf kecil sebab World Wide Web Consorsium (W3C) menyarankan agar menggunakan lowercase untuk setiap elemen HTML 4 dan mengharuskan menggunakannya pada XML 

sekian sharing saya kali ini mengenai elemen pada html

Wassalammualaikum Wr. Wb.


Subscribe to: Post Comments (Atom)