Ikhtisar HTML

Ikhtisar HTML

HTML singkatan Hyper Text Markup Language, dan itu adalah bahasa yang paling banyak digunakan untuk menulis Halaman Web.
  • Hypertext mengacu pada cara di mana halaman web (dokumen HTML) terkait bersama-sama. Jadi link yang tersedia pada halaman web disebut Hypertext.
  • Seperti namanya, HTML adalah bahasa Markup yang berarti Anda menggunakan HTML untuk hanya "mark up" dokumen teks dengan tag yang memberitahu browser Web bagaimana struktur untuk menampilkan.
Awalnya, HTML dikembangkan dengan maksud untuk mendefinisikan struktur dokumen seperti judul, paragraf, daftar, dan sebagainya untuk memudahkan berbagi informasi ilmiah antara peneliti.
Sekarang, HTML sedang banyak digunakan untuk memformat halaman web dengan bantuan tag yang berbeda dalam bahasa HTML.

Dasar Dokumen HTML

Dalam bentuk yang paling sederhana, berikut adalah contoh dari sebuah dokumen HTML:
<!DOCTYPE html>
<html>
<head>
<title>
This is document title</title>
</head>
<body>
<h1>
This is a heading</h1>
<p>
Document content goes here.....</p>
</body>
</html>

Silakan coba tool berikut ini jika Anda ingin mengedit html code secara online:
 
 
Entah Anda dapat menggunakan Cobalah opsi yang tersedia di pojok kanan atas kotak kode untuk memeriksa hasil kode HTML ini, atau mari kita menyimpannya dalam sebuah test.htm file HTML menggunakan editor teks favorit Anda. Akhirnya membukanya menggunakan browser web seperti Internet Explorer atau Google Chrome, atau Firefox dll harus menunjukkan output sebagai berikut:

HTML Hello World

Tag - Tag HTML

Seperti diceritakan sebelumnya, HTML adalah bahasa markup dan memanfaatkan berbagai tag untuk memformat konten. Tag ini tertutup dalam sudut kurung <Tag Name="">. Kecuali beberapa tag, sebagian besar tag memiliki tag penutup yang sesuai dengan mereka. Misalnya <html> memiliki tag penutupan </html> dan <body> tag memiliki tag penutup </body> tag dll.
 
Contoh di atas dari HTML dokumen menggunakan tag following:
Tag Deskripsi
<!DOCTYPE...> tag ini mendefinisikan jenis dokumen dan versi HTML.
<html> Tag ini membungkus dokumen HTML lengkap dan terutama terdiri dari header dokumen yang diwakili oleh <head>...</head> dan dokumen yang diwakili oleh tag <body>...</body>.
<head> Tag ini merupakan header dokumen yang dapat menjaga tag HTML lainnya seperti <title>, <link> dll.
<title> The <title> tag digunakan dalam <head> tag untuk menyebutkan judul dokumen.
<body> Tag ini merupakan tubuh dokumen yang menjaga tag HTML lainnya seperti <h1>, <div>, <p> dll.
<h1> Tag ini merupakan Header pos.
<p> Tag ini merupakan sebuah paragraf.

Untuk mempelajari HTML, Anda akan perlu mempelajari berbagai tag dan memahami bagaimana mereka berperilaku saat memformat dokumen tekstual. Belajar HTML sederhana sebagai pengguna harus belajar penggunaan tag yang berbeda untuk memformat teks atau gambar untuk membuat halaman web yang indah.
 
World Wide Web Consortium (W3C) merekomendasikan untuk menggunakan tag huruf kecil mulai dari HTML 4.

Struktur Dokumen HTML

Sebuah dokumen HTML biasa memiliki struktur berikut:
Tag Deklarasi Dokumen
<html>
<head>
Header dokumen tag terkait
</head>

<body>
Dokumen tubuh tag terkait
</body>
</html>

Kita akan mempelajari semua tag header dan tubuh dalam bab-bab berikutnya, untuk saat ini mari kita lihat apa itu tag dokumen deklarasi.

Deklarasi <!DOCTYPE>

Tag Deklarasi <!DOCTYPE> digunakan oleh web browser untuk memahami versi HTML yang digunakan dalam dokumen. Versi dari HTML saat ini adalah 5 dan itu menggunakan deklarasi berikut:
<!DOCTYPE html>

Ada banyak jenis deklarasi lainnya yang dapat digunakan dalam dokumen HTML tergantung pada versi HTML yang digunakan. Kita akan melihat detail lebih lanjut tentang pembahasan tag <!DOCTYPE ...> bersama dengan tag HTML lainnya.

Demikian Artikel ini saya bagikan. Artikel ini original by [  tutorialspoint.com | HTML Overview  ] semoga bisa menambah pengetahuan Anda tentang HTML Programming.

Best Regards,

Satrio Utomo
Jl. Airlangga, Ds. Sumberagung, Kec. Plosoklaten
Kediri - Jawa Timur

Mastering Kode HTML

Mastering Kode HTML

Website Design

Dalam dunia website design, banyak hal yang perlu kita pelajari agar dapat menerapkannya jika kita adalah salah seorang yang gemar belajar secara otodidak. Dari sekian banyak hal atau ilmu tersebut, salah satunya yaitu tentang Kode HTML.

Bicara tentang kode HTML, disini akan saya bagikan untuk Anda salah satu ebook yang membahas tentang HTML yakni Mastering Kode HTML. Dibawah ini saya sajikan untuk Anda daftar isi tentang ebooknya sebagai preview.

DAFTAR ISI

Kata Pengantar
Daftar Isi
Pendahuluan

Bab 1 – Mengenal HTML Lebih Jauh
  
Pengertian HTML
   Menggunakan Tag pada HTML
   Daftar Tag pada HTML 

Bab 2 – Menggunakan Atribut dari Tag 7
  
Contoh-contoh penggunaan tag dan atributnya
      Tag <p></p >
      Tag <font></font>
      Tag <table></table>
      Tag <form></form>
      Tag <select></select> dan <option>
      Tag <a></a>
      Tag <body></body>
      Tag <img>
      Tag <ul></ul>,<ol></ol>, dan <li></li>
   Atribut Universal
 
Bab 3 – Membuat Website Pribadi (Personal HomePage)  
Bab 4 – Meng-Upload File ke Server
   Pengertian Upload
   Menyewa Web Hosting
   Langkah-langkah Mengupload
 
Bab 5 – Cascading Style Sheet (CSS)
   Pengertian CSS
   Mengaplikasikan CSS
 
Bab 6 – Mendesain Website Komersil
   Tampilan Website
   Kesesuaian Isi Website dengan Tampilan
   Kemudahan Navigasi
   Manfaat yang Diperoleh
 
Bab 7 – Javascript
   Pengertian Javascript
   Aplikasi Javascript
   Input Box
   Pop-up Window
   Dilarang Klik Kanan
   Menampilkan Hari dan Tanggal

Penutup
************

Dari preview daftar isi yang saya uraikan diatas, saya rasa ebook ini patut untuk Anda baca sebagai referensi. Mulai pengenalan, penggunaan atribut, pembuatan website, upload file, CSS, mendesain Website Komersil dan javascript. Jika Anda berkenan untuk membacanya atau berkeinginan mengunduhnya, berikut ini link ebook Mastering Kode HTML.


Demikian infomasi yang dapat saya sampaikan pada kesempatan kali ini. Saya berharap, apa yang saya sampaikan bisa membawa manfaat. Sekian dan terimakasih sudah berkunjung di SnD-Computer Blog.

Best Regards,

Satrio Utomo
Jl. Airlangga, Ds. Sumberagung, Kec. Plosoklaten
Kediri - Jawa Timur


/* This button was generated using CSSButtonGenerator.com */