Categories
HTML

Belajar HTML Bagian 9 : Membuat List di HTML

Di tutorial kali ini kita akan membahas cara membuat list di html. List atau Sebuah daftar dapat memiliki penomoran atau hanya sebuah simbol berupa lingkaran atau bentuk lainnya. Dalam HTML, daftar yang menggunakan penomoran disebut dengan ordered list dan yang menggunakan simbol disebut dengan unordered list.

Ordered list atau Daftar berurutan dapat dibuat dengan menggunakan tag <ol> (singkatan dari ordered list) dan untuk setiap listnya kita gunakan tag <li> (singkatan dari list item/item daftar). Sebagai contoh, perhatikan kode HTML berikut :

<html>
<head>
	<title>Belajar Membuat List</title>
</head>
<body>
<ol>
	<li>Mangga</li>
	<li>Duren</li>
	<li>Sirsak</li>
</ol>
</body>
</html>

Penomoran daftar akan dilakukan secara otomatis ketika anda menambahkan daftar item.

Berbeda dengan daftar berurut, unordered list akan menandai setiap item dengan simbol. Baik berupa lingkaran atau persegi (anda masih bisa merubahnya dengan CSS). Untuk membuat daftar tidak berurut kita gunakan tag <ul> dan seperti tag <ol>, item yang terdapat di dalamnya harus diapit dengan tag <li>.
Jika kita modifikasi contoh sebelumnya dengan merubah <ol> menjadi <ul> maka yang akan kita dapat adalah seperti berikut :

<html>
<head>
	<title>Belajar Membuat List</title>
</head>
<body>
<ul>
	<li>Mangga</li>
	<li>Duren</li>
	<li>Sirsak</li>
</ul>
</body>
</html>

Secara default, item akan ditandai dengan lingkaran.

Begitulah membuat list di dalam html perlu di perhatikan bahwa membuat list di html tidak hanya angka dan simbol bulat saja tapi bisa juga dengan huruf anda hanya perlu menambahkan atribut type=”A” di tag <ul> misalnya <ul type=”A”> maka yang akan keluar adalah huruf perhatikan script di bawah ini :

<html>
<head>
	<title>Belajar Membuat List</title>
</head>
<body>
<ul type="A">
	<li>Mangga</li>
	<li>Duren</li>
	<li>Sirsak</li>
</ul>

<ul>
	<li>Mangga</li>
	<li>Duren</li>
	<li>Sirsak</li>
</ul>
</body>
</html>

Coba ketik dan jalankan lihat lah perbedaannya antara yang memakai atribut type=”A” dan yang tidak menggunakan, beda bukan, anda bisa menambahkan antribut lainnya sesuai dengan kebutuh anda dalam membuat nya, Salam code, sampai ketemu di tutorial selanjutanya.

Categories
HTML

Belajar HTML Bagian 8 : Membuat Form di HTML

Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabel MySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada tutorial tentang PHPdan JavaScript.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.


Pengertian tag <form>

Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.

Atribut pertama adalah action, yang berfungsi untuk menjelaskan kemana data form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang digunakan untuk memproses isi data form.

Atribut kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim oleh web browser. Nilai dari atribut method ini bisa berupa get atau post.

didalam Tag <form></form> terdapat tag lainya yaitu :

  1. TEXT
    Control input ini dapat diisi dengan teks yang memiliki kata yang tidak terlalu panjang/hanya satu baris, biasa digunakan dalam form pencarian, nama dan lain sebagainya.

    <input type="text" name="nama">
  2. Text Area
    Sama halnya dengan Input Text, namun textarea dapat diisi lebih dari satu baris, cocok digunakan untuk isian yang panjang, seperti alamat, deskripsi, atau biodata.
    Berbeda dengan kontrol lainnya yang menggunakan tag <input>, text area memiliki tag sendiri yaitu <textarea></textarea>. Dan apa yang terdapat di dalam tag ini adalah value dari kontrol tersebut

    &nbsp;<textarea name="alamat"></textarea>
  3. Combo Box
    Combo Box adalah kontrol yang memiliki pilihan ketika diklik. Pembuatannya sama seperti pembuatan Daftar/List namun dengan tag yang berbeda.

    <select name="kota">
    <option>Jakarta</option>
    <option>Bandung</option>
    <option>Tasikmalaya</option>
    </select>
  4. Submit/Button
    Submit atau Button, berupa tombol yang dapat di klik. Penggunaan atribut value pada kontrol ini akan merubah text yang ada di dalamnya.

    <input type="submit" value="kirimkan data"/>

     

Contoh penggunaan tag form:

<!DOCTYPE html>
<html>
<head>
   <title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get">
Nama: <input type="text" name="nama" value="Nama Kamu" /><br/>
Password: <input type="password" name="password" /><br/>
Jenis Kelamin :
<input type="radio" name="jenis_kelamin" value="laki-laki" checked />Laki - Laki
<input type="radio" name="jenis_kelamin" value="perempuan" />Perempuan
<br/>
Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku
      <input type="checkbox" name="hobi_nulis" checked /> Menulis
      <input type="checkbox" name="hobi_mancing" /> Memancing
<br/>

Asal Kota:
<select name="asal_kota" >
     <option value="Kota Jakarta"> Jakarta</option>
     <option>Bandung</option>
    <option value="Kota Semarang" selected>Semarang</option>
</select>
<br/>

Komentar Anda:

<textarea name="komentar" rows="5" cols="20">

Silahkan katakan isi hati anda

</textarea>
<br/>

<input type="submit" value="Mulai Proses!" >

</form>
</body>
</html

 

Categories
HTML

Belajar HTML Bagian 7 : Membuat Tabel di HTML

Cara Membuat Tabel HTML

Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>,dan tag <td>:

  • Tag <table> digunakan untuk memulai tabel
  • Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
  • Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

Untuk menampilkan data dengan tipe tabel dalam HTML, kita bisa menggunakan tag <table>.

<table></table>

Untuk membuat baris tabel, kita gunakan tag <tr> – singkatan dari table row (ditulis di dalam tag table)

<table> <tr></tr> </table>

Sedangkan untuk menentukan banyaknya kolom, tergantung dari banyaknya tag <td> (table data) yang digunakan di dalam tag <tr>.

<table>
   <tr>
     <td>No</td>
     <td>Nama</td>
     <td>Alamat</td>
   </tr>
</table>

 

Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:

Contoh penggunaan tag <table>:

<!DOCTYPE html>
<html>
<head>
<title>Membuat Table</title>
</head>
<body>

<h2>Membuat Table Dengan CSS</h2>

<table border="1">
  <tr>
    <th>Nama Barang</th>
    <th>Harga</th>
    <th>Stok Barang</th>
  </tr>
  <tr>
    <td>Sabun Mandi</td>
    <td>19000</td>
    <td>20 PCS</td>
  </tr>
  <tr>
    <td>Sikat Gigi</td>
    <td>18000</td>
    <td>35 PCS</td>
  </tr>
  <tr>
    <td>SAMPO</td>
    <td>23000</td>
    <td>45 PCS</td>
  </tr>
  <tr>
    <td>Pencuci Muka</td>
    <td>25000</td>
    <td>100 PCS</td>
</tr>
</table>

</body>
</html>

Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.

Untuk menyatukan kolom atau baris (merge-cell) kita tambahkan atribut colspan (untuk merge horizontally-secara horizontal) atau rowspan (untuk merge vertically).

<table>
<tr> 
   <td rowspan=2>No</td>
   <td colspan=2>Jenis Kelamin</td>
   <td rowspan=2>Nama</td>
</tr>
<tr>
   <td>L</td>
   <td>P</td>
</tr> 
<tr>
   <td>1</td>
   <td>L</td>
   <td></td> 
   <td>Rian</td>
</tr>
</table>

Begitulah cara membuat Tabel di HTML tunggu tutorial selanjutnya yah.

Categories
HTML

Belajar HTML Bagian 6 : Membuat Link di HTML

Yang sering anda temui dalam sebuah website adalah link. Link ini akan membuat konten atau tag HTML dapat di klik dan akan mengarahkan/membawa anda ke halaman web lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (selama belum diberi style).

Link atau biasa disebut dengan anchor (pengait) dapat dibuat dengan menambahkan tag <a> pada teks yang ingin kita buat menjadi link.

Klik <a>disini</a> untuk mendownload

Namun anda tidak akan melihat perubahan pada teks “disini” karena kita belum “mengaitkannya” ke halaman web lain. Untuk itu kita akan menggunakan attribut href untuk menyimpan alamat web yang akan dituju ketika link di klik (penulisan lokasi sama halnya dengan attribut src pada tag img).

Klik <a href=‚http://www.alamat-tujuan.com‛>disini</a> untuk mendownload

Sebagai latihan kita akan membuat file HTML baru dan membuat link untuk mengaitkannya ke latihan-latihan sebelumnya.

Caranya :

  1. Buatlah file, simpanlah di folder yang sama dengan latihan-latihan sebelumnya
  2. Ketikkan kode berikut
<!DOCTYPE HTML>
<HTML>
<head> <title>Judul File HTML</title> </head>
<body>
<h1>Selamat datang </h1>
<a href=”latihan1.html”>buka Latihan 1</a> <a href=”latihan2.html”>buka Latihan 2</a>
</body>
</HTML>

Untuk membuat link yang mengacu ke halaman web lain, pastikan anda menyertakan http:// pada atribut href link tersebut. Misalnya <a href=”https://www.google.com”> Buka Google </a> Anda juga dapat membuat link email, link ini berisi alamat email yang ketika diklik, aplikasi untuk mengirim email akan otomatis terbuka dan tujuan email secara otomatis terisi dengan alamat yang telah ditentukan.

Untuk membuat link email, anda tinggal menambahkan mailto:alamat@email di dalam atribut href. <a href=‚mailto:mrxyz@yahu.com‛>Kirim Email</a>

Begitulah cara membuat link di html, agar setiap dokumen yang anda punya saling terhubung satu sama lainya anda bisa mencoba script di atas dengan membuat 3 file html, dalam satu folder dan di file utamanya atau di file lainya anda sisipkan <a href=”namafile.html”>buka file 1</a> , ubah namafile nya sesuai dengan file html anda dan jika anda ingin di klik membuka ke tab lain anda bisa menambahkan target=”_blank” di dalam tag <a href> contohnya <a href=”namafile.html” target=”_blank”>buka file 1</a>

Categories
HTML

Belajar HTML Bagian 5 : Menampilkan Gambar di HTML

Setelah anda mengetahui Heading  di  HTML. Selanjutnya saya akan mengajak anda untuk mempelajari cara memuat/menampilkan sebuah gambar.

Untuk memuat sebuah gambar pada dokumen HTML, kita akan menggunakan tag <img>. Lalu dimana kita meletakkan gambar tersebut? Di dalam tag <img> atau dimanakah?

Setiap tag HTML dapat memiliki satu atau lebih atribut, atribut ini berfungsi untuk menyimpan informasi yang berkaitan dengan tag tersebut.

Pada tag <img> kita akan menggunakan atribut src untuk menyimpan lokasi gambar contohnya seperti berikut ini :

<img src=”gambar.jpg”>

 

Tag img termasuk ke dalam tag spesial dan tidak memiliki tag penutup (Disebut juga sebagai Self Closed Tag), seperti tag-tag lainnya. Ini dikarenakan tag ini tidak memiliki konten seperti :

<h1>Ini heading</h1>

 

Untuk mengetahui bagaimana dari cara kerja sebuah tag html anda bisa ketikan script di bawah ini :

 

<!DOCTYPE HTML> 
<HTML> 
<head> <title>Judul File HTML</title>  </head> 
<body>
<img src=”logo.png” /> 
</body> 
</HTML>

 

Note : jika gambar tidak muncul, anda harus menyimpan gambar tersebut dalam satu folder dengan file html nya.

Anda juga bisa melakukan teknik seperti ini gambarnya di dalam folder lagi

Maka anda cukup memanggilnya dengan <img src=”images/logo.png”>

lihat script dibawah ini :

<!doctype html> 
<html> 
<head> 
<title>Judul File HTML</title> 
</head>
<body>  
<img src="images/logo.png">
</body> 
</html>

 

 

Maka anda akan menghasilkan seperti ini

Setiap tag img, selain memiliki atribut src untuk menyimpan lokasi gambar, anda juga harus menyertakan atribut alt yang akan digunakan sebagai teks alternatif ketika gambar tidak berhasil dimuat atau gambar hilang.

<img src=”logo.png” alt=”Ini adalah teks alternatif”/>

Dan atribut lainnya adalah atribut width dan height, yang berfungsi untuk menentukan lebar dan tinggi dari gambar tersebut. Memang hal ini tidak perlu dilakukan karena gambar secara otomatis akan terload dengan ukuran sebenarnya, namun hal ini sangat dianjurkan untuk mempercepat proses pemuatan gambar.

Dengan penambahan atribut alt, ketika gambar yang dimaksud hilang/tidak/gagal termuat maka akan muncul sebuah icon broken file, dan isi dari atribut alt akan ditampilkan disana.

Categories
HTML

Belajar HTML Bagian 4 : Membuat Heading di HTML

Di tutorial kali ini saya akan membahas membuat heading di html, Heading, digunakan untuk memberikan penjudulan pada suatu dokumen HTML. Bayangkanlah sebuah skripsi atau buku yang memiliki bab dan subbab-subbab di dalamnya. Untuk memformat penjudulan dalam HTML, kita gunakan tag <h1> untuk judul utama dan untuk judul subbabnya anda dapat menggunakan tag <h2> sampai dengan<h6>.
Setiap level judul memiliki ukuran huruf yang berbeda-beda (namun anda masih bisa merubah ukurannya melalui CSS).

Sebagai latihan, buatlah file HTML baru  lalu ketikkan kode HTML berikut:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>

Adanya penjudulan dimaksudkan agar suatu dokumen HTML lebih terstruktur layaknya sebuah dokumen resmi seperti skripsi /paper yang mengharuskan adanya perbedaanantara Bab utama dan sub-babnya.
Perhatikan contoh penggunaan Heading selanjutnya.

<!DOCTYPE HTML>
<html>
<head>
        <title>Heading/Penjudulan</title>
</head>
<body>
	<h1>Bab 1 : Pendahuluan</h1> 
        <h2>1.1 Latar Belakang</h2> 
	<p>Paragraf pendahuluan, bla..bla.. </p> 
	
        <h2>1.2 Pokok Permasalahan</h2> 
        <p>Paragraf pendahuluan, bla..bla.. </p> 
	
        <h1>Bab 2 : Pembahasan</h1> 
	<h2>2.1 Teori dan Konsep</h2> 
	<p>Paragraf pendahuluan, bla..bla.. </p> 
	
        <h2>2.2 Algoritma Pemrograman</h2> 
	<p>Paragraf pendahuluan, bla..bla.. </p> 
</body>
</html>

Itu adalah bagaimana tag heading di guanakan, biasanya untuk penjudulan sesuatu atau memberikan sebuah sub judul dalam sebuah halaman, anda dapat mengnerapkannya dalam dokumen anda, tag heading ada banyak sekali jadi bukan hanya tag <h1> dan <h2> saja tapi masih ada lagi kita liat list nya di bawah ini :

<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h2>
<h3>ini adalah heading 3</h3>
<h4>ini adalah heading 4</h4>
<h5>ini adalah heading 5</h5>
<h6>ini adalah heading 6</h6>

Bisa anda lihat di atas tag heading ada dari <h1> sampai <h6> dengan setiap tagnya berbeda ukuranya bisa anda lihat gamabr di bawah ini, dari tag <h1> sampai ke <h6> berbeda ukuranya.

Anda bisa ketik scriptnya seperti berikut ini untuk mencobanya :

<!DOCTYPE HTML>
<html>
<head>
        <title>Heading/Penjudulan</title>
</head>
<body>
<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h2>
<h3>ini adalah heading 3</h3>
<h4>ini adalah heading 4</h4>
<h5>ini adalah heading 5</h5>
<h6>ini adalah heading 6</h6>
</body>
</html>

 

Itulah tutorial dari membuat heading di html, semoga bermanfaa untuk anda, jangan lupa lihat tutorial selanjutnya

Categories
HTML

Belajar HTML Bagian 3 : Struktur HTML

Struktur HTML

Setelah di tutorial sebelumya kita memilih text editor, sekarang kita akan mengenal struktur html, Suatu dokumen HTML juga mempunyai aturan dalam penulisannya, ada beberapa tag yang harus anda tuliskan dan sudah menjadi ketentuan. Jika kita perbaiki latihan kita sebelumnya menjadi dokumen HTML yang benar maka kodenya menjadi seperti berikut :

<!DOCTYPE HTML>
<HTML>
<head><title>Judul File HTML</title></head>
<body>
Ini Web Site Pertama Saya
</body> 
</HTML>

<!DOCTYPE HTML>  Adalah Tag awal dari setiap dokumen HTML, tag ini berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML. Tag ini perlu dicantumkan disetiap dokumen HTML yang akan anda buat.

<HTML> … </HTML>  Adalah Awal dari isi dokumen HTML dimulai dari sini, semua kode HTML yang akan anda buat akan ditulis di dalam tag ini, perhatikan juga bahwa setiap tag harus memiliki tag penutup.

<head> … <head>  Adalah Tag Head akan digunakan untuk menyimpan berbagai informasi tentang dokumen HTML, lebih detailnya akan kita temui pada bab selanjutnya. Apa yang terdapat di dalam tag ini, tidak akan ditampilkan secara langsung pada web browser.

<title> … </title>  Adalah Salah satu contoh informasi yang terdapat di dalam tag Head adalah title. Title akan menampilkan teks pada judul browser atau pada tab browser.

<body> … </body>  Nah, apa yang ingin anda tampilkan pada browser akan ditulis di dalam tag ini, tag body merupakan tag pembuka dari badan dokumen HTML.

Mudah dimengerti bukan? Lalu apakah penulisan tag-tag HTML harus seperti contoh di atas? Seperti penambahan tab/indentasi pada setiap tag?. Sebenarnya Anda bisa saja menuliskan kode HTML seperti ini :

<!DOCTYPE HTML><HTML><head><title>Judul File HTML</title></head><body>Website <i>pertama</i> saya</body></HTML>

Dan yang anda dapatkan dalam browserpun sama, namun anda akan kesulitan membaca dokumen HTML tersebut. Kalau saja dokumen HTML yang anda buat hanya 1 baris, jadi begitulah struktur awal dari sebuah web mudah bukan, anda hanya perlu terus mencoba jangan copy paste dulu tapi coba untuk mengetik walau melihat buku atau sumber lainya, jangan lupa juga lihat tutorial lainnya tentang html, salam coder semua

Categories
HTML

Belajar HTML Bagian 2 : Memilih Text editor

Memilih Text Editor

Untuk membuat halaman Web anda memerlukan sebuah text editor.  untuk menulis source codenya, seperti microsoft word untuk membuat sebuah dokumen atau laporan maka untuk membuat sebuah web juga di butuhkan text editor, banyak sekali text editor yang ada dan di bawah ini admin akan kasih list yang menurut admin bagus.

Software yang bertugas untuk mengolah skrip HTML, CSS, PHP, atau JavaScript yang hanya terdiri dari teks. Beberapa Web Editor :

  1. Dreamweaver
  2. PHP Designer
  3. Delphi for PHP
  4. NetBeans
  5. Notepad++
  6. PHP Editors
  7. Atom
  8. SublimeText
  9. Dll

Notepad++

Tersedia untuk Windows, Notepad++ memiliki beragam fitur yang sangat mendukung para programmer. Kemampuannya untuk memperkaya diri dengan pluginpun menjadi kelebihan lainnya dengan text editor sejenisnya.
Anda dapat mendownload Notepad++ di http://notepad-plus-plus.org


Sublime Text

Text editor yang terbilang masih baru yang sangat mudah digunakan, penampilan simple namun enak dipandang. Sublime text adalah aplikasi berbayar tapi anda dapat mendownload versi demo-nya (meskipun versi demo tapi tidak ada batasan dalam penggunaannya).
Sublime text tersedia untuk sistem Operasi Windows, Linux dan Mac, download di alamat berikut http://www.sublimetext.com/2


Gedit

Anda pengguna Linux? Khususnya Linux dengan desktop Gnome sudah memiliki text editor bawaan, GEdit. GEdit bisa digunakan untuk menuliskan berbagai macam bahasa pemrograman.
Anda pengguna Windows-pun dapat mendownload GEdit versi windows di situs resminya http://projects.gnome.org.

Atom

Atom adalah text editor yang mirip seperti Sublime Text, namun fiturnya lebih lengkap dan nyaman digunakan. Atom sendiri adalah buatan Github yang merupakan perusahaan terkenal dengan layanan Cloud Computing untuk projek open source menggunakan Git. Atom adalah text editor yang benar-benar gratis tidak menggunakan serial number untuk menggunakannya.

Itulah aplikasi-aplikasi Text editor, masih banyak text editor lainya tapi yang admin sarankan adalah sublime, selain tidak begitu berat sublime juga tampilanya enak di lihat, pilih lah text editor yang menurut anda bagus karena menur admin text editor dapat mempengaruhi semangat anda dalam membuat sebuah program, dan pilih lah waran yang tidak menyakitkan warna, admin sarankan jangan menggunakan Adobe Dreamweaver untuk pemula, memang menggunakan Adobe Dreamweaver instan cukup drag and drop tapi anda tidak akan lebih paham tentang codingannya, jadi gunakan lah list di atas yang admin telah berikan.

Categories
HTML

Belajar HTML Bagian 1 : Pengertian HTML

Setiap website yang ada di dunia ini dibangun menggunakan bahasa yang dinamakan HTML. HTML menjadi sebuah kerangka membentuk struktur sebuah halaman website.

Pengertian HTML

Hypertext Markup Language (HTML) adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu platform ke platform lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML sebenarnya adalah suatu dokumen teks biasa, sehingga di platform apapun dokumen tersebut dapat dibaca.
Dokumen HTML disebut Markup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.
Hypertext Markup Language adalah bahasa World Wide Web (www) yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser.

Dokumen HTML ditampilkan oleh aplikasi yang dinamakan browser. Browser tidak akan menampilkan kode HTML, tetapi menggunakan kode HTML untuk menentukan bagaimana konten dokumen tersebut seharusnya ditampilkan.

Sejak pertama kali web ditemukan, sudah muncul dan berkembang versi dari HTML, yakni bermula dari versi 1 di tahun 1991. Kemudian HTML 2.0 lahir pada tahun 1995 dan HTML 3.2 pada tahun 1997. HTML 4.01 muncul pada tahun 1999 dan disempurnakan dengan XHTML pada tahun 2000. Versi terakhir HTML adalah HTML5 yang diperkenalkan pada tahun 2014 dan digunakan hingga saat ini.

Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa)*. 

Pada dasarnya elemen HTML ada 2 kategori:

1. Elemen berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.

2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

Seperti itulah pengertian html, sampai saat ini versi terbaru HTML adalah html versi 5, masih banyak lagi tutorial html yang akan kita bahas, semoga dapat membantu anda. tunggu tutorial selanjutnya.

 

 

Sumber : *Wikipedia