Belajar Membuat HTML Di Notepad


Assalamualaikum Wr Wb

Kembali Lagi Dengan Gua Mr.Google Kali Ini Gua Bakalan
Ngasih Sedikit Materi, Materi Yang Akan Saya Bagikan Kepada Kalian Adalah Cara Membuat HTML dengan notepad yang menarik yang bisa saja para blogger yang mungkin saja sudah tau dan memahami kode-kode yang ada pada script HTML. HTML adalah suatu bahasa pemrograman yang sama saja dengan bahasa pemrograman yang lain. Halaman website yang bisa dan gampang-gampang susah yang bisa kita ketahui dan perlu dalam bahasa software yang memiliki notepad. Kita juga harus mengetahui terlebih dahulu tentang apa saja kode HTML yang memulai nya dengan bahasa yang sederhana. Berikut cara membuat HTML yang menarik dengan notepad:

Aktifkan Notepad dan copy paste script yang ada pada halaman ini.
<html>
<HEAD>
<TITLE> Belajar Membuat  HTML </TITLE>
</HEAD>
 <BODY> <H1>Selamat Datang</H1> <HR> <P>Ini adalah halaman web pertama saya!!!</P> <HR> </BODY>
</HTML>.
Setelah selesai , save folder yang akan kalian dengan cara memilih:

            File Name : contoh .html

            Save as type : All files

Untuk membuat paragraf-paragraf , terutamakan dengan tag dan tutup. Jika kita ingin meedit , cukup klik kanan File html yang akan dibuat, klik open yang with , pilih notepad. Dengan bahan untuk belajar yang masih bisa dengan halaman ini bisa saja ketik CTRL+U Jika menggunakan Mozile FireFox atau bisa view setelah itu Source- yang digunakan IE. Setelah itu akan tampil kode-kode di halaman tersebut.

Edit notepad file html yang akan ditambahkan script:
<html>
<HEAD>
<TITLE> Belajar Membuat HTML </TITLE>
<BODY> <H1> Selamat Datang</H1>
<HR> <p>
<a href=”contoh.html”>Home</a>|<a href=”contoh2.html”>Halaman 2</a>|<a href=”contoh3.html”>Halaman 3</a><p/>
<HR>
<p>Ini adalah paragraf pertama dari halaman homopage. Belajar HTML itu sangatlah mudah tidak perlu pake kursus...</p> </BODY>
</HTML>.
Jika selesai bisa klik SAVE , yang ada pada jendela Notepad yang sama, ubah terlebih dahulu paragraf yang kalimatnya yang tidak ada, kemudian SAVE AS sebagai contoh2.html . setelah selesai jangan ditutup halaman yang akan diubah paragraf untuk menandakan kalau kita akan ke halaman ke-tiga dengan memakai kalimat sendiri, setelah itu SAVE AS sebagai contoh3.htm.  Setelah selesai silahkan kalian buka satu file HTML setelah itu klik pada navigasi/link yang baru dibuat. Kalau link berhasil bekerja , SELAMAT kalian SUKSES.

Apabila website yang kalian masuk ke dunia maya atau internet , upload file html yang kalian buat dengan web hosting seperti idhostinger.com.
Itu lah beberapa cara membuat HTML yang menarik , setelah itu kita akan membahas tentang membuat desain website html dengan notepad++:

Membuat Desain Website HTML dengan Notepad++      

    Pengenalan Tag Pada HTML

Di HTML tag yang  menjadikan code sekalian perintah yang diatur tampilan yang akan kita inginkan. Tag HTML yang selalu diawali dengan <x> dan tutup </x> yang mana X adalah perintah yang ada pada keinginan.

 Daftar Tag Pada HTML

ELEMEN DASAR

Jenis Dokumen               <html><html>                        (terdapat pada awal dan akhir dari file HTML)

Judul                               <TITLE></TITLE>                      (harus selalu dapat di mukadimah)

Mukadimah(Header)      <HEAD></HEAD>                      (keterangan umum , seperti judul)

Batang Tubuh                 <BODY></BODY>                     (Isi  dari halaman HTML)



FORMAT TAMPILAN  

Huruf Tebal                 <B></B>                                     (Bold)

Huruf Miring               <I></I>                                      (Italic)

Garis Bawah               <U></U>                                    (Underline-jarang digunakan)

Rata Tengah               <CENTER></CENTER>                 (Center-berlaku untuk teks maupun gambar)

Huruf Kedip               <BLINK></BLINK>                       (Blinking-tag terlucu sampai kini)

Ukuran Huruf            <FONT SIZE=?></FONT>              (Font Size-bolrh diisi dari 1-7)

Warna Huruf              <FONT COLOR=”#$$$$$$”> </FONT>

Pilih Jenis Huruf        <FONT FACE=”***”></FONT>

PEMISAH

Paragraf                        <P></P>                                   (tag penutup yang seringkali dibutuhkan)

Align Text                      <P ALIGN CENTER|RIGHT></P>      

Pindah Bisar                  <BR>                                        (pindah ke baris berikut)

Garis Datar                    <HR>

Itu lah beberapa cara yang menarik untuk kita ketahui
Baca Juga

Post a Comment

0 Comments