AJI ISMED

Hai teman - teman , kembali lagi dengan blog saya kali ini saya akan sharing tentang pengenalan HTML. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEqodp2hOtWXcPEV29Jnh-aPqcxfhMQrQpEtniCvrssdpT_FyWIi2G96pjWmnSUKsfcJt9Um7Q0_GX3Al7UC6ZOvUtil9aEtHZ-evrw8gV1QqC_m61AZLm1xNYndYd-re7T0CfKkKoX2T/s1600/html.jpeg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEqodp2hOtWXcPEV29Jnh-aPqcxfhMQrQpEtniCvrssdpT_FyWIi2G96pjWmnSUKsfcJt9Um7Q0_GX3Al7UC6ZOvUtil9aEtHZ-evrw8gV1QqC_m61AZLm1xNYndYd-re7T0CfKkKoX2T/s1600/html.jpeg" /></a></div>
 
Pengertian 
 
Apa itu HTML ? 
 
HTML adalah bahasa markup untuk menggambarkan dokumen web ( halaman web ). 
 
<ul>
<li>HTML adalah singkatan dari Hyper Text Markup Language
    </li>
<li>Sebuah bahasa markup adalah seperangkat tag markup
    </li>
<li>Dokumen HTML dijelaskan oleh tag HTML
    </li>
<li>Setiap tag HTML menjelaskan isi dokumen yang berbeda</li>
</ul>
Latar Belakang  
 
Pada tahun 1980 seorang ahli fisika, Tim Burners-lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset 
Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan 
CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee 
mengusulkan adanya sistem markah berbasis internet. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta 
perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau,
 insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk 
pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan 
pribadinya sejak 1990 dia mendaftar "beberapa dari banyak daerah yang 
menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.
 
Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah 
dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet 
oleh Tim Berners-Lee pada akhir 1991. 
HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan 
menulis teks, gambar dan bahan lainnya ke dalam halaman web secara 
visual maupun suara. Karakteristik dasar untuk setiap item dari markah 
HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah
 atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS. 
 
Alat & Bahan : 
<ul>

<li>Text Editor.</li>
<li>Jaringan internet.</li>
<li>Browser. </li>
</ul>
Maksud & Tujuan : 
 
Maksud dan tujuan sharing materi kali ini adalah agar kita mengenal HTML lebih jauh lagi. 
 
Penjelasan :   
 
DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
     
<ul>
<li>Teks antara < html > dan < / html > menggambarkan sebuah dokumen HTML</li>
<li>Teks antara < head> dan < / head> memberikan informasi tentang dokumen</li>
<li>Teks antara < title> dan < / title> memberikan judul untuk dokumen</li>
<li>Teks antara <body > dan < / body> menggambarkan isi halaman yang terlihat</li>
<li>Teks antara < h1 > dan < / h1 > menggambarkan sebuah heading</li>
<li>Teks antara dan menggambarkan sebuah paragraf </li>
</ul>
      Menggunakan deskripsi ini , web browser dapat menampilkan dokumen dengan judul dan paragraf. 
 
Tag HTML :   
 
Tag HTML adalah kata kunci ( nama tag ) dikelilingi oleh kurung sudut :  
 
<div style="text-align: center;">
< tagname > konten < / tagname ></div>
<ul>
<li>Tag HTML biasanya datang berpasangan seperti dan </li>
<li>Tag pertama dalam pasangan adalah tag awal , tag kedua adalah tag akhir </li>
<li>Tag akhir ditulis seperti tag awal , tetapi dengan sebuah garis miring sebelum nama tag</li>
<li>Catatan : tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup .</li>
</ul>
Contoh HTML : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEhIQeUjgdGFXWWkoYz4niu_8Q4a-ODFGVnTaSPERND1EAg2EYhg6RX_SkMikjiZ7RWHdkYE5lfMmhtpcybrwdzAF3WRw4SBa4QGw6DjvQ40Nj8ruqyaY8PsgME4qKXHbPK7h60HP1OY7/s1600/html.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEhIQeUjgdGFXWWkoYz4niu_8Q4a-ODFGVnTaSPERND1EAg2EYhg6RX_SkMikjiZ7RWHdkYE5lfMmhtpcybrwdzAF3WRw4SBa4QGw6DjvQ40Nj8ruqyaY8PsgME4qKXHbPK7h60HP1OY7/s400/html.png" width="400" /></a></div>
 
Web Browser : 
   
Tujuan dari web browser ( Chrome , IE , Firefox , Safari ) adalah untuk membaca dokumen HTML dan menampilkannya .

Browser tidak menampilkan tag HTML , tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUZRRVYqQW9NyvYs12F86Bm23ZgrAGJqf0hzsHtJogXbe77DJvo4vbuW6s6-f7rGshZgGMos20TLEewJxvgTqEVZJg5Eiuykx7iyA7WJkhs7vD_R91CwhSmrhxcmXtBtHLL0l3yPhRCRD/s1600/html2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUZRRVYqQW9NyvYs12F86Bm23ZgrAGJqf0hzsHtJogXbe77DJvo4vbuW6s6-f7rGshZgGMos20TLEewJxvgTqEVZJg5Eiuykx7iyA7WJkhs7vD_R91CwhSmrhxcmXtBtHLL0l3yPhRCRD/s400/html2.png" width="400" /></a></div>
 
Struktur Halaman HTML : 
 
Di bawah ini adalah visualisasi dari struktur halaman HTML : 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wqiMBMZUtKat4F4k4ewDJrQbpu_kmZs-ECYH6VTmVetHYGb39PAsKu0Nc9lcr3_AeSDPpjwLqI71Hea2BVAFP4KJtGOgFiSEApN5XxnmmIgmAPughSKA7Ec5unEMHzqlILPv8DbQBFdZ/s1600/html3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wqiMBMZUtKat4F4k4ewDJrQbpu_kmZs-ECYH6VTmVetHYGb39PAsKu0Nc9lcr3_AeSDPpjwLqI71Hea2BVAFP4KJtGOgFiSEApN5XxnmmIgmAPughSKA7Ec5unEMHzqlILPv8DbQBFdZ/s400/html3.png" width="400" /></a></div>
Hanya <body> saja yang akan ditampilkan di halaman web.\ 
 
Referensi 
<ul>
<li><a class="external text" href="http://validator.w3.org/" rel="nofollow">W3C's HTML Validator</a></li>
<li><a href="http://www.w3schools.com/" target="_blank">w3school</a> </li>
</ul>
Penutup  
 
Sekian sharing materi kali ini semoga bermanfaat dan selamat mencoba ;-).

Rekayasa Perangkat Lunak Pengenalan Tentang HTML

Hai teman - teman , kembali lagi dengan blog saya kali ini saya akan sharing tentang pengenalan HTML. Pengertian Apa itu HTML ? HTM...

AJI ISMED

Pengenalan Tentang HTML

Popular

Label

Arsip