Tekno Informatika: Contoh Script HTML Yang Sederhana

Kamis, 10 November 2016

Contoh Script HTML Yang Sederhana

Dalam postingan sebelumnya saya sudah membahas mengenai apa itu World Wide Web dan HTML. Dalam postingan saya yang sebelumnya juga, saya sudah memberikan kerangka dasar dalam HTML. Nah kali ini saya akan memberikan contoh dan langkah - langkah script html yang sangat sederhana, cek berikut ini;
1. Buka software notepad, atau kalian bisa gunakan software untuk pemrograman web seperti Adobe
Dreamweaver atau Macromedia Dreamweaver.
2. Tuliskan script yang ada dibawah ini
<html>
<head><title>Contoh sederhana HTML</title></head>
<body>
<h1>Apa itu World Wide Web</h1>
World Wide Web atau biasa disingkat (WWW) atau WEB merupakan salah satu sumber daya
internet yang berkembang pesat sekarang ini.<br> Saat ini informasi web didistribusikan melalui
pendekatan hyperlink, yang memungkinkan suatu teks, gambar atau objek lainnya menjadi acuan
untuk membuka halaman-halaman web yang lain.
</body></html>
3. Setelah kalian menuliskan script diatas, klik file->save, isikan nama filenya contoh.html.
Catatan: Dalam memberikan penamaan harus diberi ekstensi .html
4. Lalu buka file contoh.html tadi, maka hasilnya akan seperti ini


Klik untuk memperbesar gambar

Nah itulah contoh dan langkah-langkah dalam membuat script html. Contoh ini sangat sederhana dan sangat dasar dalam pemrograman web.
Dalam script contoh.html diatas ada beberapa tag yang digunakan yaitu:

Tag

Kegunaan

<html>...</html>

Untuk mengawali dan mengakhiri script html

<head>...</head>

Untuk mengawali dan mengakhiri header pada halaman web

<title>...</title>

Untuk memberikan judul halaman web

<body>...</body>

Untuk menempatkan bagian isi pada halaman web

<h1>...</h1>

Untuk memberikan judul isi dan mengatur ukuran teksnya

<br>

Untuk berpindah baris

Sekian dulu postingan saya kali ini. Semoga artikel ini dapat membantu agan-agan yang lagi pemrograman web.

2 komentar:

Tambahkan komentar

Tag	Kegunaan
<html>...</html>	Untuk mengawali dan mengakhiri script html
<head>...</head>	Untuk mengawali dan mengakhiri header pada halaman web
<title>...</title>	Untuk memberikan judul halaman web
<body>...</body>	Untuk menempatkan bagian isi pada halaman web
<h1>...</h1>	Untuk memberikan judul isi dan mengatur ukuran teksnya
<br>	Untuk berpindah baris