4. Memberi Judul Pada Dokumen

ketik di program notepad seperti ini:

<html>
<head>
<title>tulis judul yang sobat inginkan</title>
</head>
<body>
ternyata memang mudah belajar HTML
</body>
</html>
Simpan hasil ketikan di notepad dengan nama "Memberi Judul Pada Dokumen.htm"  jangan lupa untuk menambahkan .htm  setiap sobat menyimpan dokumen. Type :"Text Document" diganti dengan "All Files"
hasilnya seperti ini,

ternyata memang mudah belajar HTML
Keterangan:
scrip yang sobat tulis yaitu:
<title>tulis judul yang sobat inginkan</title>
menjadi judul yang diatas:
sobat lihat tulisan di blog saya yang paling atas Guru-ku Mozilla Firefox,  nah itu dia yang akan jadi judul yang telah sobat tulis.

3. Membuat Baris

Isi dari dokumen yang sesungguhnya adalah yang di tulis diantara tag <body>
Sekarang sobat ketik di program notepad seperti ini:

<html>
<body>
Sahabat Pena berkata: Guru adalah Ustadz<br>
Sahabat Pena berkata: <br>Guru adalah Ustadz
</body>
</html>

Simpan hasil ketikan dengan nama: Sahabat Pena.htm  save as type: All files
buka program browser (Internet Expolre, Google atau Mozilla), lalu klik file tersimpan.
lihat hasilnya...

Nah, sekarang sobat tulis di notepad lagi, dengan ketikan yang mirip dengan yang tadi hanya bedanya tidak ada <br>. ketikannya begini:

<html>
<body>
Sahabat Pena berkata: Guru adalah Ustadz
Sahabat Pena berkata: Guru adalah Ustadz
</body>
</html>
Apa kesimpulan sobat setelah melihat hasilnya, beda kan ?
Di dalam penulisan dengan menggunakan bahasa HTML, untuk membuat tulisan di bawah tidak memakai ENTER, akan tetapi dengan memakai kode <br>. Sudah faham belum ? he he...

Penjelasan Kode
  • Kode-kode diatas seperti: <html></html>  namanya tag.
    Apakah tag itu..? saya akan mendefinikasikan menurut bahasa dan pemahaman saya, bagi sobat yang mengetahui definisi yang benar mohon diberitahu melalui kotak komentar, syukron.
    Tag adalah kode yang digunakan untuk mengolah teks ASCII menjadi teks HTML sehingga terbaca di website. contoh teks ASCII:

    <html>
    <body>
    Sahabat Pena berkata: Guru adalah Ustadz
    Sahabat Pena berkata: Guru adalah Ustadz
    </body>
    </html>
    maka akan menjadi teks HTML seperti di bawah ini:



    Sahabat Pena berkata: Guru adalah Ustadz
    Sahabat Pena berkata: Guru adalah Ustadz

    tag terdiri dari dua unsur::
    1. <    > yaitu tanda kurung lancip
    2. Elemen, yaitu tulisan yang berada di tengah kurung lancip seperti, html, body, br dan lain sebagainya.
    Tag <html>gt adalah tag pembuka, sedangkan tag </html> adalah tag penutup, tanda dari tag penutup yaitu slash garis miring. Setiap perintah umumnya di awali dengan tag pembuka dan di akhiri dengan tag penutup. Akan tetapi ada juga tag yang berdiri sendiri, tag tersebut hanya perintah awal saja tanpa ada perintah akhirnya, seperti :
    tag paragraf kodenya <p>, membuat baris baru <br> dan lain-lain.

2. Pengenalan Kode HTML


Pelajaran 1
Setelah sobat membuka program notepad, tulis seperti ini:


<html>

</html>

lalu sobat save atau save as dengan rincian sebagai berikut:
  • File name :Belajar
    di belakang nama Belajar tambahkan .htm jadi lengkapnya file yang sobat simpan tersebut namanya Belajar.htm
  • Save as type :All Files
  • Encoding :ANSI
  • sobat harus ingat tempat simpan file misalnya di My Documents
Setelah di simpan file tersebut, selanjutnya kita buka program browser kita, seperti Mozilla, Internet Explore atau yang lainnya. Klik  File > Open file kemudian klik file yang tersimpan.
lihat hasilnya.
he he.... kosong ya... Itu tandanya sobat telah berhasil mengeksekusi kode HTML.
Pelajaran 2
Tulis di program notepad, begini:

<html>
Belajar HTML itu mudah
</html>
lalu sobat save atau save as  dengan nama Belajar HTML itu Mudah , yang harus di ingat adalah proses penyimpsayan. tambahkan .htm  setelah nama file, jadi lengkapnya kita simpan file tersebut dengan nama Belajar HTML itu Mudah.htm ...
buka program browser (mozilla firefox atau Internet Explore), klik File >Open file> klik file tersimpam.
Lihat hasilnya....

Jadwal Kajian Masjid Thoriqul Huda


JADWAL KAJIANMATERIPEMATERI
Ahad, ba'da maghribRiyadhus ShalihinUst. Sulam