Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat
membuat web sangat mudah ditemui di internet dan rata-rata
program tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan
antara lain:
- Notepad,
atau anda bisa mencoba notepad ++ yang
mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad
bawaan windows.
- Browser
sebagai program penampil halaman web. Jika anda pengguna windows, biasanya
browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa
menggunakan browser dari google,
yaitu Chrome.
yang pertama, buka program notepad dari komputer anda dengan cara:
- Mengeklik
tombol windows
- Setelah
itu klik tulisan All Program
- Maka
akan muncul berbagai folder dan pilih folder yang bernama Accessories
- Klik
folder Accessories, setelah muncul berbagai program dalam folder tersebut,
klik program notepad.
Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini.
Pada gambar diatas terdapat dua blok, blok pertama
yang bewarna hijau adalah tempat tombol Windows, dan yang kedua blok yang
bewarna merah muda adalah tempat program Notepad.
Setelah program Notepad terbuka, silahkan ketikkan
skrip dibawah ini atau jika ingin cepat anda bisa langsung mengkopi dan
mempaste di notepad anda.
Skrip HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<html>
<head>
<title>
Ini
Adalah Title
</title>
</head>
<body>
<h1>Ini adalah Main
Heading</h1>
<p>Isi dari Main
Heading, bisa berupa kata pembuka atau
penjelas
dari Main Heading, jika penjelasan terlalu panjang maka
akan
di bagi menjadi beberapa Sub-Heading.<p>
<h2>Ini Adalah
Sub-Heading</h2>
<p>Kebanyakan artikel
yang panjang memiliki sub-headings untuk
membantu
Anda mengikuti struktur apa yang sedang ditulis.
Bahkan
mungkin sub-sub-headings
(atau
tingkat yang lebih rendah Dari headings).
</p>
<h2> Sub-Heading
Tambahan</h2>
<p>Disini anda dapat
melihat sub-heading tambahan.</p>
</body>
</html>
|
Setelah anda mengetik skrip diatas silahkan anda save
dengan cara klik file dan save, ketika muncul halaman save ketikkan nama file
” index.html ” atau terserah anda, yang terpenting adalah nama
file diakhiri .html.
Setelah itu lihat kolom dibawah file name, disitu
terdapat kolom Save as Type dan pilih All Files. Langkah selanjutnya tinggal
klik tombol Save. Untuk lebih jelas silahkan lihat gambar dibawah ini.
Pada
gambar diatas terdapat area yang diblok dengan warna hijau, diarea tersebut
terdapat tulisan save, dengan mengeklik tulisan ini maka akan muncul halaman
Save seperti gambar dibawah ini:
Perhatikan gambar diatas, terdapat dua area yang
diblok. Pada area yang diblok dengan warna hijau adalah tempat untuk memberi
nama file dan pastikan nama file berakhiran .html.
sedangkan area yang diblok bewarna merah muda adalah dropdown untuk memilih
jenis file yang akan disimpan, pastikan pilihan berisi All files.
Setelah file html terbentuk dan tersimpan (dalam
tutorial ini file disimpan dalam folder yang bernama ” new folder “) maka buka
file tersebut dengan cara mengeklik dua kali, setelah itu akan ada browser yang
menampilkan halaman web yang telah kita buat. Halaman web tersebut akan
terlihat seperti gambar dibawah ini:
Pada
gambar diatas terdapat dua area yang diblok, yang diblok dengan warna hijau
adalah letak tulisan yang di ketik dalamTag
Title sedangkan yang bewarna merah muda adalah letak
tulisan yang diketik didalam Tag Body.
Sekian penjelasan singkat dari saya tentang tutorial membuat halaman web sederhana ,
semoga sangat bermanfaat.
tngkyu infonya
BalasHapusGood
BalasHapusNice
BalasHapusNice
BalasHapusGood
BalasHapusMkasih infonya
BalasHapusGood
BalasHapusMkasih infonya
BalasHapusGood info gan
BalasHapusnice kak infonya
BalasHapusEmejing kakak
BalasHapusnice kakak ndut
BalasHapusBagus lanjutkan
BalasHapusBolehlah
BalasHapusBolehlah
BalasHapusGood job
BalasHapusMksh infonya
BalasHapusNice
BalasHapusFollback kak
BalasHapusBagus kak
BalasHapusBolehh tong
BalasHapusMembantu banget ka
BalasHapusoke boleh oke oke
BalasHapusBagus kak
BalasHapusSundul gan
BalasHapusSundul gan
BalasHapusBagus
BalasHapusGood job
BalasHapusmakasih kak, sangat membantu
BalasHapusmantab
BalasHapusmantab
BalasHapusPertamax say
BalasHapusSangat membantu kak
BalasHapusbest post ever seen
BalasHapusMakasi udah di betritau
BalasHapusmembantu banget
BalasHapuslanjuuttt gannn
BalasHapusGood job
BalasHapusCocok kak
BalasHapusBermanfaat sekali sista
BalasHapusBagus bgt
BalasHapusBermanfaat sekali
BalasHapusBagus
BalasHapusnice girl
BalasHapusMantab
BalasHapusBermanfaat
BalasHapusOke
BalasHapusOke
BalasHapusBermanfaat
BalasHapusJoss gandos kotos kotos
BalasHapusNice kak
BalasHapusgood kaya mastin
BalasHapusBaguss
BalasHapusbagus lanjutkan
BalasHapusNice
BalasHapusNice artikel kak
BalasHapusNice
BalasHapusBagus kak
BalasHapusThank infonya
BalasHapusThank infonya
BalasHapusnice
BalasHapussampuoerna
BalasHapusBagus
BalasHapusgood kak..
BalasHapusnice
BalasHapusSangat membantu kak
BalasHapusSangat membantu kak
BalasHapusSip
BalasHapusInfonya bermanfaat
BalasHapus