Apa itu HTML ?
HTML dari singkatan (HyperText Markup Language) , yang membahas desain web di dalam nya berbahasa source code tetapi disini belum dikatakan sebagai bahasa pemrograman dikarenakan hanya dikhususkan dalam tipe mendesain walaupun di dalam nya terdapat source code yang dapat dikonversi oleh Machine Language pada Browser. HTML bisa disebut juga Text tentang yang menampilkan informasi dan tampilan saja untuk membangun tahap awal pembuatan website secara statis. Apabila ingin melakukan secara sistem dinamis biasanya menggunakan bahasa pemrograman PHP (Hypertext Processor), kita disini tidak sedang membahas PHP itu apa? dan bagaimana cara kerjanya? mungkin pembahasan BAB selanjutnya . Adapun kekurangan dan kelebihan dari HTML tersebut.
Kelebihan :
- Menampilkan desain secara baik dan bisa dsesuaikan dengan keinginan pada bahasa yang digunakan sangat luas.
- Sangat modern pada era globalisasi ini sebagai DSS (Decision Support System) / Sistem Pendukugn Keputusan dalam suatu perusahaan, organisasi, pemerintahan, sekolah, perguruan tinggi dan lain - lain.
- Bahasa yang digunakan sangat lah dapat dipahami walaupun sebagian orang awam belum mengetahui nya.
Kelemahan :
- Membutuhkan waktu lama , apabila suatu perusahaan yang menginginkan secara murni dalam HTML tersebut.
- Kurang nya respon dari masyarakat dalam pembuatan website dikarenakan membutuhkan budget yang sangat mahal dikarenakan membutuhkan sebuah alamat domain, hosting web, email market up, dan lain - lain. Meskipun beberapa pelayanan dari penyedia hosting web dan alamat domain tersebut secara gratis.
- Masih membutuhkan bahasa pendukung seperti Java Script dan CSS.
Nah kalian dapat menggunakan Framework dari pihak ketiga dalam pembuatan website secara responsive dapat digunakan secara mobile, laptop, dan tablet. Kami akan mengajarkan kalian dalam penggunaan framework dengan menggunakan Boostrap versi terbaru yaitu 4.3.1.
Contoh template sederahana, sebagai berikut :
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>Jangan lupa menyimpan file ini dengan ekstensi (.html) dimana saja kalian bisa taruh kecuali kalian sudah menggunakan bahasa PHP nanti biasanya file disimpan pada directory C:\xampp\htdocs\foldermu, tetapi kami sudah terbiasa menyimpan file directory tersebut, sebelum mempelajari itu kalian taruh di directory D:\foldermu\index.html . Mengapa kami menggunakan index.html tetapi tidak menggunakan nama file latihan1.html ? biasanya browser membaca nama file tersebut secara default, agar mempermudah dalam pemanggilan website yang telah kita buat nantinya.
Hasil gambar nya sebagai berikut :
 |
| Gambar 1.1 Hello,World! |
Kami akan buatkan template sederhana secara kompleks sebagai berikut :
 |
| Gambar 1.2 Template Sederahan Home Interface |
 |
| Gambar 1.2.1 Template Sederhana Pricing Interface |
 |
| Gambar 1.2.2 Template Sederahana Feautures Interface. |