Tutorial html
1. Definisi HTML
HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser seperti internet explorere, mozila dan banyak lagi untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor. HTML bukan termasuk dalam bahasa pemrograman, tetapi HTML adalah “markup language“, “markup language” ini merupakan sekumpulan “tag“. “tag” inilah yang digunakan untuk menampilkan halaman website dalam tampilan tertentu.
Selain itu, HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.
File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain: Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan dengan format text-only.
Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat membuatnya menggunakan satu OS tertentu saja. dan pada umumnya perintah-perintah dalam HTML tersebut merupakan bahasa inggris.
2. Tag HTML
Tag adalah teks khusus (markup) yang terdiri dari nama tag yang diapit oleh karakter “<” (tanda lebih kecil) dan “>” (tanda lebih besar). Contoh tag <body> : adalah tag dengan nama tag body. Tag umumnya ditulis secara pasangan yaitu tag pembuka dan tag penutup. Contoh tag pembuka : <body> dan tag penutup </body> (ditambah tanda “/”).
Tag HTML tidak bersifat case sensitive, maksudnya tag HTML tidak membedakan huruf besar/katipal dan huruf kecil. Jadi anda bisa menggunakan huruf kapital atau pun huruf kecil ketika menuliskan tag HTML. Misalnya menuliskan <body> dengan <BODY> maka hasilnya akan sama saja. Namun walaupun begitu, akan lebih bagus jika kita konsisten memilih salah satu saja untuk semua tag di halaman HTML yang kita buat.
Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>. dipakai untuk mendeskripsikan sesuatu
tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>.
Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri. Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).
Contoh tag tunggal
Contoh tag berpasangan
<P> menandai akhir dari sebuah paragraf
<BR> menandai akhir sebuah baris
<HR> membuat sebuah garis horisontal
<BODY> dan </BODY> menandai awal dan akhir dari tubuh dokumen
<B> dan </B> untuk membuat karakter cetak tebal
<I> dan </I> untuk membuat karakter cetak miring
3. Struktur Dokumen HTML
Format dasar dari dokumen HTML adalah sebagai berikut:
<HTML>
<HEAD>
<TITLE>Judul berada di sini</TITLE>
</HEAD>
<BODY>
dokumen utama
</BODY>
</HTML>
Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini, atau
<html>(-- always start your document with this tag
<head>(-- recommend having the <head> and </head> tags
<title>Give a title for your HTML document</title>
(-- always have a title for your document
(-- to allow search engines to search and find your page correctly
<meta name="description" content="good description of your page">
<meta name="keywords" content="keywords separated by commas">
</head>
<body>
The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.
</body>
</html>(-- always end your HTML document with this tag
4. Contoh Tutorial HTMLHTML Pos
Judul HTML didefinisikan dengan tag <h1> sampai <h6>.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML Paragraf
Paragraf HTML didefinisikan dengan tag <p>.
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Link
Link HTML didefinisikan dengan tag <a>.
<a href="http://www.w3schools.com">This is a link</a>
HTML Gambar
Gambar HTML didefinisikan dengan tag <img>.
<img src=”w3schools.jpg” width=”104″ height=”142″ />
Sumber:
http://anakserbajadi.blogspot.com/2010/07/pengertian-html.html
http://blog.umy.ac.id/tutorialblogging/2010/12/05/pengertian-html/
http://faculty.petra.ac.id/ido/tutorial/html/sekilas_html.htm
http://kuliah.imadewira.com/belajar-html-dasar-pengenalan/,
http://tutorial.belajarweb.net/html/html-dasar-4-contoh.html