Selamat Datang di blog iMartha

iMartha ini dibuat untuk memberikan ilmu tentang ilmu IT ( ilmu komputer ), ilmu IT itu banyak macam nya termasuk Desain Grafish, Jaringan, Pemograman dan masih banyak lagi. Dan di blog ini saya berharap bisa mencakup semua ilmu komputer itu, walaupun mungkin secara bertahap dengan waktu yang tidak singkat.

Tutorial yang tersedia!

Semoga semua tutorial ini bisa bermanfaat dan selamat belajar :)

Andar Pratama

Thursday, November 29, 2018

Tutorial HTML - Dasar Tag HTML

 


Untuk membuat file html, hal awal yang harus dilalukan adalah membuat file dengan extensi file ".html". Jadi sebelum kita mulai untuk menulis baris kode html, kita harus menyimpan file tersebut dengan extensi file ".html". Jadi supaya di biasakan sebelum menulis baris kode kita simpan dulu dengan extensi file ".html".

1. Element
Elemen HTMl biasanya terdiri dari tag pembuka dan tag penutup, walaupun tidak semua tag harus ada tagpembuka dan tagpenutup, dan kontenya disisipkan di tengahnya :

Dibiasakan dan jangan lupa, ketika kita menulis tag pembuka kita harus menulis tag penutupnya. Karna akan erorr jika dari tagpembuka dan tagpenutup ada yang salah dalam penulisanya.
<namatag> isi konten </namatag>

 atau

<tagpembuka> isi konten </tagpenutup>
Semua dokumen atau file html harus di mulai dengan mendeklarasikan tipe dokumen <!DOCTYPE html> tag ini juga untuk mendeklarasikan bahwa ini adalah HTML5. Kemudian diikuti dengan tag html pembuka <html>, dan tag html penutup </html>. Dan di dalam nya kita buat 2 tag lagi. yaitu tag <head> dan tag <body>, tentunya ada tag pembuka dan tag penutup. Kemudian dengan tambahan tag <title> di dalam tag <head>.

<!DOCTYPE html>
<html>
   <head>
      <title>Website Pertama Saya</title>
   <head>

   <body>

   </body>
</html>

Penjelasan bari kode diatas :
- <!DOCTYPE html> : Mendeklarasikan atau mengartikan HTML 5
- <html> : Tag yang memuat semua kode HTML-nya
- <head> : Tag yang berisi semua info website
- <body> : Tag yang berisi semua kode tampilan website  

Jika ingin menampilkan sesuatu di Halaman Website kita bisa memakai tag <h1>
<h1>Hallo ini adalah website pertama saya</h1> menjadi seperti ini :


<!DOCTYPE html>
<html>
   <head>
      <title>Website Pertama Saya</title>
   <head>
<body>
     <h1>Hallo ini adalah website pertama saya</h1>
   </body>
</html>
 
2. Attribut
Attribut dalam  HTML adalah sebuah informasi tambahan yang ada pada Element HTML, informasi yang ada bisa berupa apa saja, misalnya informasi sebuah link, warna teks, warna background, letak, title dan lainya.

Dan Attribut pada HTML memiliki beberapa sifat atau perilaku, diantaranya :
   1. Semua Element pada HTML dapat memiliki  Attribut
   2. Memberikan informasi tambahan tentang suatu elemen
   3. Atribut selalu ditulis pada tag awal 
   4. Memiliki Name dan Value ( nama dan nilai )
<p style="color:red">Ini adalah sebuah paragraf</p>
Seperti yang kita lihat, bahwa style="color:red"yang dinamakan Attribut. Name nya adalah color dan Value nya red. Dan pada baris kode diatas Attribut ditulis pada tag pembuka atau tag awal.

Jadi ini adalah dasar dari sebuah tag yang ada pada bahasa pemograman HTML. Sampai saat ini masih sangat simple, kita hanya menulis beberpa tag.

Okey, Sekian dan Enjooyy!

No comments:
Write Post a Comment