HTML
1. PENGERTIAN HTML
Pengertian HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.
HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.
Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa. Namun sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.
Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad. Setelah anda memahami betul semua tag-tag dasar html, diakhir nanti kita akan belajar membuat halaman web dengan menggunakan web tool.
2. Struktur HTML
Setiap halaman website atau dokumen HTML yang baik pada umumnya memiliki struktur tertentu. Secara umum dokumen HTML memiliki struktur yang dibagi menjadi 3 yaitu : HTML, HEAD, BODY. Secara struktur HTML akan terdiri dari dua bagian utama yaitu HEAD dan BODY. Memang dianalogikan seperti manusia yang memiliki kepala dan badan.
Untuk lebih jelasnya silahkan perhatikan ilustrasi berikut ini :
Setiap dokumen HTML diawali dengan tag pembuka <html> dan diakhiri tag penutup </html>. Kemudian di dalam HTML terdiri dari dua bagian seperti dijelaskan diatas yaitu HEAD dan BODY. Bagian HEAD diawali dengan tag pembuka <head> dan diakhiri dengan tag penutup <head>. Bagian BODY diawali dengan tag pembuka <body> dan diakhiri tag penutup </body>.
Bagian HEAD atau kita sebut header biasanya mengantung tag-tag seperti tag TITLE, META dan lain-lain. Tag TITLE digunakan untuk menampilkan judul halaman HTML pada title di browser. Tag META digunakan untuk mengisikan informasi seperti author, keyword dan lain-lain. Bagian BODY merupakan bagian yang digunakan untuk menampilkan isi dokumen/halaman HTML. Isi yang ditampilkan informasi yang dapat berupa teks, gambar, link dan lain sebagainya.
Jadi untuk pemula atau yang baru belajar HTML, kita akan lebih banyak belajar pada bagian BODY seperti tag-tag untuk heading, paragraf, tabel, link, images, form, list dan lain sebagainya.
3. CONTOH HTML
Contoh-contoh script HTML
HTML Dasar
Dokumen HTML sederhana
HTML Paragraf
HTML Paragraf 2
HTML Headings
HTML Horizontal Line
HTML Komentar
HTML Multi komentar
HTML Format
HTML List
HTML Nested List / List dalam List
HTML Definition List
HTML Menengah
HTML Links
HTML Links 2
HTML Image / Gambar
HTML Image / Gambar
HTML Links pada Gambar
HTML Tabel
HTML Tabel 2
HTML Tabel 3
HTML Tabel 4
HTML CSS (Inline CSS)
HTML CSS (Internal CSS)
HTML Warna
HTML Background
HTML Background dengan inline CSS
HTML Background dengan gambar
HTML Background dengan gambar (Inline CSS)
HTML Form : Text Field
HTML Form : Text Password
HTML Form : Radio Button
HTML Form : Check Box
HTML Block : Elemen Div
HTML Block : Elemen Span
HTML iFrame
HTML Embed
HTML Youtube : Dengan iFrame
HTML Youtube : Dengan Embed
HTML Marquee
HTML Mahir
HTML Layout dengan tabel
HTML Layout dengan div
sumber:
1. http://zona-cyber-man.blogspot.com/2013/02/pengertian-html-hypertext-markup.html#ixzz2Pa9R0GKN
2.http://kuliah.imadewira.com/belajar-html-dasar-struktur-html/
3.http://www.codingku.com/html/html-contoh-contoh.html