.................................................................................................................

BAB I PENDAHULUAN .

Table of Contents Show

· HTML pada versi 1. 0
· HTML pada versi 2. 0
· HTML pada versi 3. 0
· HTML pada versi 4. 0
· HTML pada versi 5. 0

A. Latar belakang .

B. Rumusan Masalah .

C. Tujuan Makalah .

D. Penggunaan Makalah .

E. Makalah Prosedur .

BAB II PEMBAHASAN .

A. Pengembangan HTML .

B. Elemen HTML dasar .

C. Bahasa dan sintaks yang digunakan dalam HTML .

D. Penggunaan HTML .

E. Contoh Program .

BAB III PENUTUP .

A. Kesimpulan .

B. Saran .

C. Referensi .

BAB 1

Perkenalan

A. Latar belakang

Web adalah penyebaran informasi melalui internet. Sebenarnya www (world wide web) dan web itu sama saja karena kebanyakan orang menyingkat www menjadi web saja. Web merupakan hal yang tidak dapat dipisahkan dari dunia internet. Melalui web, setiap pengguna internet dapat mengakses informasi pada website yang tidak hanya berupa teks, tetapi juga dapat berupa audio, visual atau lainnya. Padahal, web adalah kumpulan dokumen yang tersebar luas di beberapa komputer server yang berada di seluruh penjuru dunia dan terhubung ke dalam jaringan melalui jaringan yang disebut Internet. Ada 2 jenis web yaitu website statis adalah website yang isinya tidak dapat diubah langsung oleh end-user. Konten website hanya dapat diubah oleh orang yang mengerti bahasa pemrograman atau alat untuk mendesain halaman website. Website jenis ini tidak memiliki database, sehingga informasi yang disajikan ditulis langsung ke dalam sintaks. Biasanya website jenis ini dibuat untuk menampilkan informasi yang jarang diupdate seperti Company Profile. . Contoh teknologi yang berhubungan dengan web statis adalah Client Side seperti HTML. HTML sendiri adalah bahasa markup yang digunakan untuk membuat halaman web, menampilkan berbagai informasi di browser web Internet dan pemformatan hypertext sederhana yang ditulis dalam file berformat ASCII secara berurutan untuk menghasilkan tampilan yang terintegrasi. Dan yang kedua adalah website dinamis adalah website yang kontennya telah dikelola dengan kata lain telah menerapkan Content Management System terhadap informasi yang disampaikannya. Pengguna akhir dapat memperbarui konten di halaman situs web kapan saja tanpa perlu memahami sintaks atau bahasa pemrograman. Melihat fungsinya, situs web seperti ini sekarang banyak digunakan. Ada beberapa jenis elemen web antara lain Nama Domain (Nama Domain / URL -Uniform Resource Locator), Website Home (Web Hosting), Bahasa Program (Skrip Program), Desain Situs Web, Program Transfer Data ke Pusat Data

B. Rumusan Masalah

1. Bagaimana perkembangan HTML?

2. Elemen HTML dasar?

3. Bahasa dan sintaksis yang digunakan dalam HTML?

4. Penggunaan HTML?

C. Tujuan Makalah

Tulisan ini dibuat dengan tujuan untuk mengetahui cara menggunakan HTML dengan baik dan benar

D. Penggunaan Makalah.

Makalah ini digunakan untuk pembelajaran dasar tentang HTML secara umum dan mendasar

E. Prosedur Kertas.

Penyusunan makalah ini berdasarkan metode deskriptif yaitu dengan mencari sumber data dari buku dan internet

BAB II

Diskusi

2. 1 Pengembangan HTML

· HTML pada versi 1. 0

Pemrograman Web dalam HTML versi 1. 0. memiliki kemampuan untuk menampilkan Heading, Paragraph, Hypertext, List, bold, dan italic dalam penulisan teks. Versi ini hanya mendukung penempatan gambar pada dokumen tanpa mengizinkan teks berada di sekitar gambar (bungkus teks; atas atau bawah)

· HTML pada versi 2. 0

Pemrograman Web dalam versi HTML 2. 0. ini memiliki tambahan kualitas TML yaitu pada kemampuan untuk menampilkan form pada dokumen. Adanya formulir ini memudahkan kita untuk memasukkan nama, alamat, serta saran atau kritik. Dan mulai dari versi ini, HTML menjadi pionir dalam pengembangan homepage interaktif

· HTML pada versi 3. 0

Pemrograman Web dalam HTML versi 3. 0. ini memiliki penambahan beberapa fasilitas baru seperti hadirnya meja. Versi ini juga disebut HTML+, tetapi tidak bertahan lama dan segera digantikan oleh HTML versi 3. 2. (18/12/1997)

· HTML pada versi 4. 0

Pemrograman Web pada HTML versi 4. 0. Ini memiliki banyak perubahan dan revisi dari versi HTML sebelumnya. Hampir semua perintah HTML meliputi Table, Image, Text, Link, Form, Imagemaps, Meta dan lain-lain. Setelah itu, pada tanggal 24 April 1998 lahirlah HTML versi 4. 01 dikeluarkan oleh W3C secara resmi. Pada tahun 1999 HTML versi 4. 01 menjadi standar HTML, versi ini merupakan revisi dari versi sebelumnya yaitu HTML versi 4. 0 (18 Desember 1997). Versi HTML ini (HTML 4. 01) masih menjadi standar resmi sampai sekarang

· HTML pada versi 5. 0

Pemrograman Web pada HTML versi 5. 0 merupakan pengembangan dari generasi HTML saat ini. Dan mungkin terus berkembang seiring dengan perkembangan zaman. Versi ini juga merupakan generasi terakhir. Beberapa fitur baru di versi 5 antara lain

Fitur kanvas memungkinkan kita untuk menggambar
Fitur Video dan Audio sebagai media player untuk memutar video atau musik
Elemen baru seperti artikel, header, footer, dan navigasi
Fitur Dukungan Lebih Baik untuk penyimpanan offline lokal
Fitur kontrol dalam bentuk baru, meliputi;

Namun, hingga saat ini versi HTML tersebut belum menjadi standar resmi. Banyak browser juga tidak mendukung HTML 5. Versi HTML ini (HTML 5) mungkin akan menjadi standar baru untuk HTML dan XHTML

2. 2 Elemen Dasar

Berikut ini adalah elemen dasar HTML

Elemen Tingkat Blok

Elemen level blok yang sering digunakan adalah tag heading mulai dari

sampai dengan < h6 >, dan semakin kecil angkanya, semakin besar ukuran teks yang akan ditampilkan.
Sintaks dari kode heading itu sendiri biasanya adalah sebagai berikut

.

Paragraf & Daftar Barang

Elemen ini digunakan untuk membuat paragraf dalam penulisan teks menggunakan tag paragraf

. Sedangkan daftar barang digunakan untuk mengelompokkan data baik secara berurutan (ordered list) maupun unordered list (daftar tidak berurutan) menggunakan tag

. Ordered list mengelompokkan data dengan metode penomoran, sedangkan unordered list mengelompokkan data dengan metode bulleting.
Sintaks kode tag paragraf & daftar tag item adalah sebagai berikut

Aturan Horisontal

Elemen ini digunakan untuk membuat garis horizontal menggunakan tag

.
Aturan horizontal tag kode sintaksis

adalah sebagai berikut.

2. 3 Bahasa pemrograman dan spesifikasi HTML

· Halaman Beranda Pribadi (PHP)

Ekstensi File. . php, php3, atau tanpa ekstensi

PHP ditulis oleh Rasmus Lerdorf yang awalnya ia gunakan untuk mencatat jumlah pengunjung situs yang membuka halaman resume miliknya. Ia kemudian menulis ulang kode-kode tersebut dalam bahasa C yang kemudian menjadikan bahasa tersebut lebih kaya kemampuannya

Barulah setelah itu muncul banyak tokoh yang berkontribusi dalam perkembangan PHP seperti

Zeev Suraski dan Andi Gutmans yang menulis ulang Parsing Engine untuk membuat PHP versi 3. PHP kemudian menjadi modul Apache yang paling sering digunakan. Berikut adalah contoh script PHP yang akan menampilkan teks Hello World

PHP menghadirkan Halo Dunia

echo “

Hallo dunia

· CGI (Common Gateway Interface)

Ekstensi File. . cgi,. pl

CGI (Common Gateway Interface) adalah standar Internet tertua dan paling berkembang sebagai alat untuk meneruskan informasi dari server web ke program dan mengembalikan hasilnya ke browser.

Program CGI dapat ditulis dalam bahasa berikut

- Perl

- Java

- C, C++

- skrip UNIX

- Visual Basic

- MacOS atau AppleScript

Karena itulah sebenarnya CGI kurang akurat jika dikategorikan sebagai bahasa karena program CGI sendiri bisa ditulis menggunakan berbagai bahasa

· PERL (Ekstraksi Praktis dan Bahasa Laporan)

Ekstensi File. . pl atau bisa apa saja

PERL adalah bahasa pemrograman tingkat tinggi yang ditemukan oleh Larry Wall (1987). PERL memiliki kemampuan untuk diterapkan pada hampir semua jenis Sistem Operasi dan yang terpenting perl bisa didapatkan secara GRATIS

Di Web, eksekusi perl biasanya dijalankan dengan CGI (Common Gateway Interface) sebagai mekanisme untuk menampilkan output teks ke browser. Lebih lanjut tentang Perl dan keamanannya dapat Anda temukan di .

Ekstensi File. . cfm

Coldfusion adalah sistem pengembangan aplikasi yang dikembangkan oleh Alaire. Komponen utama Coldfusion adalah

1) Server Aplikasi ColdFusion

2) Bahasa Markup ColdFusion

3) ColdFusion Studio

File CFM disimpan dalam teks biasa, seperti halnya PERL dan PHP sehingga siapa pun dapat melihat isinya

· ASP (Halaman Server Aktif)

Ekstensi file. . asp

ASP dibuat khusus untuk server IIS Microsoft. Bahasa ini merupakan bahasa pemrograman web yang dinamis. ASP dapat digunakan untuk mengeksekusi berbagai permintaan terhadap database atau perintah pada sistem lokal

Berikut ini adalah contoh sederhana yang akan menampilkan tanggal dan waktu di halaman web sisi server

<%@ language=”VBSCRIPT” %>

Tanggal.

<% = tanggal %>

Jam

<% = waktu %>

Sedangkan fungsi yang sama pada Client-Side

Ekstensi File. Tidak ada

Baca artikel sebelumnya tentang sejarah Jawa untuk mengenal bahasanya

2. 4 Penggunaan HTML

Konsep hypertext dalam HTML memungkinkan kita membuat tautan pada sekelompok kata atau frasa untuk menuju ke bagian mana pun dari World Wide Web. Ada tiga jenis link yang bisa kita gunakan

- Tautan ke bagian lain laman

- Tautan ke halaman lain di situs web

- Tautan ke sumber daya atau situs web lain

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

· Kita dapat menampilkan kumpulan kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.

· Kita dapat menampilkan teks dengan huruf tebal

· Kami dapat menampilkan sekelompok kata dalam huruf miring

a>Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik · Kita dapat mengubah ukuran font untuk karakter tertentu.

c. Menampilkan daftar benda berupa poin (item)

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

Konsep hypertext dalam HTML memungkinkan kita membuat tautan pada sekelompok kata atau frasa untuk menuju ke bagian mana pun dari World Wide Web

Ada tiga jenis link yang bisa kita gunakan

1. Tautan ke bagian lain laman

2. Tautkan ke halaman lain di situs web

3. Tautan ke sumber daya atau situs web lain

Dengan menyisipkan gambar, tampilan halaman kita akan lebih menarik, interaktif dan informatif untuk mendukung data lain berupa teks

Tampilan informasi dalam bentuk tabel ini akan memudahkan pembaca dalam memahami informasi yang kami tawarkan. Penggunaan tabel ini juga bisa dilakukan untuk menambah nilai estetika halaman yang akan kita desain

2. 5 Contoh Program

· Skrip

<Beranda SAYA

Ini homepage pertama saya jadi terlihat sederhana. Namun selanjutnya saya akan meningkatkan situs web saya lebih baik

Nama saya Aji Zanuar Pamungkas. Saya mahasiswa semester genap di kampus swasta Yogyakarta

Hasil Gambar

Nama . zanuar terakhir

Tempat Tanggal Lahir . Palembang, 02 Januari 1997

Alamat Rumah . Jalan Plosokuning II

No.HP / Telp . 085925814605

Pendidikan . D3 Manajemen Informatika

Kegiatan . Kuliah, desain dll

Hasil Gambar

BAB III

Penutupan

A. Kesimpulan

HTML (Hypertext Markup Language) adalah bahasa pengkodean untuk menghasilkan dokumen hypertext untuk digunakan di World Wide Web. HTML5 adalah versi terbaru dari HTML (HyperText Markup Language) yang dikembangkan oleh W3C atau Word Wide Web Consortium. HTML5 adalah revisi kelima dari HTML (yang pertama kali dibuat pada tahun 1990 dan versi keempat, HTML4, pada tahun 1997) dan hingga Juni 2011 masih dalam pengembangan. Selama ini perkembangan HTML 4. 01 dan XHTML 1. 1 berjalan secara terpisah dan diimplementasikan secara berbeda oleh berbagai aplikasi pembuat situs web. Intinya dengan HTML5 bahasa pemrograman web akan lebih universal dan menjadi bahasa pemersatu dari beberapa bahasa pemrograman web yang ada sekarang. Selain itu, banyak fitur HTML5 yang telah dibuat sedemikian rupa sehingga dapat berjalan di perangkat mobile seperti smartphone dan tablet

B. Saran

Untuk itu, bagi programmer, khusus pemula yang ingin membuat HTML yang baik, sebaiknya sebelum membuat HTML harus mengetahui definisi, struktur dasar, komponen HTML dan elemen dasar. Dan komponen-komponen HTML dan elemen-elemen dasarnya. Dan seperti yang sudah disampaikan sebelumnya, selain itu juga harus menguasai langkah-langkah membuat HTML beserta tampilannya yang menarik yang akan diberikan kepada pengguna nantinya. Semoga makalah yang telah disusun ini dapat menjadi panduan bagi para pemula sebelum membuat HTML.