Membuat HTML Sederhana
Membuat HTML sangatlah mudah jika sudah terbiasa berlatih, kalian hanya memerlukan notepad atau Microsoft Word untuk membuat HTML.
Berikut cara membuat HTML:
Berikut cara membuat HTML:
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:
Komentar
Posting Komentar