Konsep Dasar HTML

Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan menyiapkan editor yang akan digunakan, misalkan dengan menggunakan EditPlus, UltraEdit, NotePad, atau NotePad ++, yang dilakukan disini adalah menggunakan NotePad ++.
HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan

(terdapat tanda "/"). Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

Sebagai tanda awal dokumen HTML.

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

Berikut langkah-langkah untuk membuat sebuah dokumen html :

1.      Klik Start

2.      Klik All Program

3.      Lalu pilih editor yang akan kita gunakan, disini saya menggunakan NotePad ++ sebagai editor

4.      Lalu Ketikan Script Html yang akan kita buat seperti gambar 1 (dibawah).

5.      Setelah selesai menulis script html, save dengan format .html (gambar 2)

6.      Lalu execute dengan browser (gambar 3)

7.      SELESAI

Klik For Gambar Konsep Dasar HTML

Baca Selengkapnya »

Kekurangan dan Kelebihan HTML

Seperti yang kita tahu bahwa, setiap bahasa dan program mempunyai kelebihan dan Kekurangan. Ada baiknya kita mengetahui kelebihan dan kekurangan dari HTML sehingga kita bisa memaksimalkan pengetahuan dan wawasan kita dalam mengeksplorasi dunia browser. 

Kelebihan-kelebihan HTML antara lain:

• Merupakan bahasa penkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda. Jadi bersifat fleksibel karena ditulis cukup dengan menggunakan editor karakter ASCII.
• Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar di sini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk 'jump' ke halaman lain, atau link ke halaman di luar web yang bersangkutan.
• Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).
• Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, PHP dan sebagainya.
• Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalanakannya cukup dengan menggunakan browser.

Adapun kekurangan dari HTML ini adalah:

• Menghasilkan halaman yang statis, untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau VBScript dan animasi seperti Flash atau Shockwave.
• Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
• Tidak dapat menghasilkan halaman yang interaktif. Interaktif di sini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu, HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl atau Tcl.

Baca Selengkapnya »

Pengertian dan Sejarah Perkembangan HTML

HTML atau kepanjangan dari Hyper Text Markup Language adalah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet(Mozilla, Opera, Safari, Internet explorer, dll). HTML dikembangkan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Dalam membuat website, hal yang perlu anda kuasai adalah mengerti akan bahasa pemrograman HTML agar bisa terbentuk website yang bisa dihubungkan dengan Internet.

Internet itu sendiri merupakan jaringan global yang menghubungkan network satu dengan network lainnya di seluruh dunia. Pada dasarnya HTML adalah dokumen ASCII atau teks biasa, tapi tidak tergantung pada suatu sistem operasi tertentu.

HTML sendiri dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat.

Berikut adalah Sejarah Perkembangan HTML:

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0 (rilis pada 14 Januari 1996)

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0 (rilis pada 18 Desember 1997)

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2

HTML versi 4.0 (rilis pada 24 Desember 1999)

HTML versi 4 ini merupakan HTML versi terakhir pada saat sumber ini diambil. HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

HTML versi 5.0 (masih dalam pengembangan)

HTML versi 5.0 ini masih dikerjakan/dikembangkan mulai 4 Maret 2010 kemaren oleh W3C(World Wide Web Consortium),W3C sendiri adalah sebuah Organisasi yang menangani pengembangan web standar.

Apa yang dapat dilakukan dengan HTML?

Memodifikasi format teks

Penggunaan HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang akan kita transmisikan melalui media Internet. Beberapa hal yang dapat dilakukan dalam menentukan format dokumen ini adalah :

• Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
• Kita dapat menampilkan teks dalam bentuk cetakan tebal
• Kita dapat menampilkan sekelompok kata dalam bentuk miring
• Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
• Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.

Menampilkan daftar sesuatu dalam bentuk point-point (item)

Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-point sehingga lebih mudah dibaca dan dipahami Membuat link.

Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web.

Ada tiga macam link yang dapat kita gunakan :

1. Link menuju bagian lain dari page
2. Link menuju page lain dalam satu web site
3. Link menuju resource atau web site yang berbeda

Menyisipkan citra

Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.

Menampilkan informasi dalam bentuk tabel

Penampilan informasi dalam bentuk tabel ini akan mempermudah pembaca untuk memahami informasi yang kita tawarkan. Penggunaan tabel ini juga dapat dilakukan untuk menambah nilai estetika dari page yang akan kita rancang.

Dengan memahami dasar-dasar dengan terlebih dahulu mengetahui Pengertian HTML di harapkan dapat berlanjut ketingkat selanjutnya dimana berhubungan dengan dunia website yang bersangkutan dengan webmaster sebagai struktur desainer sekaligus admin manajemennya.

Baca Selengkapnya »

Tugas Besar Komputer Aplikasi IT (HTML)

Tugas Besar/Tugas Akhir komputer Aplikasi IT adalah tugas akhir membuat sebuah file html yang berisi dari codding yang telah kita pelajari, Berikut Tampilannya :

For Screen Shoot Tugas Akhir Komputer Aplikasi IT (HTML)

For Download Tugas Akhir Komputer Aplikasi IT (HTML)

Jika File di password tanyakan pada fb fanpage

Baca Selengkapnya »

Dasar CSS HTML

Dasar CSS HTML

CSS merupakan bahasa dalam HTML yang digunakan untuk mempercantik tampilan dokumen HTML Tersebut. Berikut Kita akan Belajar Dasar CSS HTML tersebut .

Download Materi Dasar CSS HTML

Download Praktikum Dasar CSS HTML

Baca Selengkapnya »

Form HTML

Form HTML

Form adalah cara untuk mendapatkan umpan balik dari pengunjung situs web. Untuk membuat sebuah form dibutuhkan elemen

, field-field yang berada diantaranya digunakan untuk menentukan ukuran dan jenis dari masing-masing input field. Dalam satu halaman dapat terdiri dari beberapa form, akan tetapi tidak dapat menyisipkan form di dalam form.

Download Materi Form HTML

Download Praktikum Form HTML

Baca Selengkapnya »

Table HTML

Table HTML

Table Sangatlah penting dalam dokumen, tabel berfungsi untuk merapihkan suatu dokumen dan memperjelas tampilan pada suatu dokumen. Banyak atribut yang dimiliki oleh table dalam HTML.

Download Materi Table HTML

Download Praktikum Table HTML

Baca Selengkapnya »

Insert Object HTML

Insert Object HTML

Untuk melengkapi dokumen HTML kita, kita bisa memasukan beberapa objek kedalam website kita. Berikut beberapa Objek yang bisa kita masukan kedalam HTML :

• Tulisan Berjalan
• Hyperlink
• Gambar

Download Materi Insert Object HTML

Download Praktikum Insert Object HTML

Baca Selengkapnya »

Paragraf HTML

Paragraf HTML

HTML merupakan dokumen seperti dokumen biasanya, hanya saja HTML dibuat dengan kode-kode / tag-tag untuk memanipulasi bentuk dokumen tersebut dan kode tersebut dieksekusi oleh browser. Dan dalam sebuah dokumen pasti kita akan membuat suatu paragraf didalamnya dan dalam HTML ada beberapa cara. Maka kita Harus mempelajari cara membuat suatu paragraf pada html.
Berikut Beberapa cara untuk membuat paragraf pada html :

• Peralatan dalam Paragraf
• Preformatted Text
• Blockquote
• Div dan Center

Download Materi Paragraf HTML

Download Praktikum Paragraf HTML

Baca Selengkapnya »

Memformat Dokumen HTML

Memformat Dokumen HTML

Dalam HTML kita harus bisa memformat jenis dokumen yang ada didalamnya agar HTML tersebut bisa di eksekusi di browser dengan tampilan yang unik, menarik, rapi dan mudah dibaca. Oleh karena itu kita harus mempelajari cara Memformat Dokumen HTML. Didalamnya kita akan mempelajari :

• Heading style
• Phisical Style
• Font Color, type, dll.

Download Materi Memformat Dokumen HTML

Download Praktikum Memformat Dokumen HTML

Baca Selengkapnya »

Pendahuluan HTML

Pendahuluan HTML

Sebelum kita mempelajari bahasa Hyper Text Markup Language (HTML) ada baiknya kita mempelajari dulu dasar pelajaran tersebut agar kita bisa memahaminya . Berikut pertama kita akan membahas :

• Pengertian Internet
• Sejarah HTML
• Pengertian HTML
• Program Editor HTML
• Sumber Daya
• Struktur Dasar Bahasa HTML
• Konsep Dasar Elemen dan Tag pada HTML

Download materi Pendahuluan HTML

Download praktikum Pendahuluan HTML

Baca Selengkapnya »