Praktek web 1 HTML Session

Praktek web 1 HTML Session

SAMPURASUN ;)

Puji syukur selalu saya panjatkan pada Yang Maha Kuasa atas kesudianNya dan kebaikanNya yang telah memberikan saya nyawa, tangan, kesempatan dan perantara koneksi internet sehingga saya dapat berbagi sedikit ilmu.

Blog ini saya buat untuk memenuhi tugas mata kuliah PEMOGRAMAN WEB 1.

Let's check it out!

1. Yang pertama-tama, kalian membutuhkan satu unit komputer untuk digunakan *lol notepad++ (Didn't have? open here ), sebenarnya bisa juga pakai notepad biasa, yah setidaknya rata-rata aplikasi ini sudah tersedia di semua OS.

*Gambar icon notepad (windows 7)

2. Ikuti instruksi di bawah ini!
  

a.    Buka notepad, tulis syntax berikut. Kemudian save as file yang telah dibuat di folder yang kalian kehendaki dengan format (nama_catatan_kalian.html) disini saya menamai notepad saya dengan nama "latihan_1".

Jangan lupa rubah tipe dari file yang kalian tulis dengan "All Files" (lihat gambar yang ada tanda panah merah).

b.      Bukalah file yang kalian save dengan browser. Maka tampilannya akan seperti gambar dibawah ini.

c.     Yang perlu kita perhatikan, di setiap tanda "< >" (kurung siku bukaan, tutupan) yang kita tulis harus diakhiri "</ >" (kurung siku bukaan, slash, tutupan). Hal ini berguna sebagai pembuka dan penutup perintah.

d.      Setiap halaman yang kita buat, mempunyai head dan body, head adalah tempat dimana kita menamakan judul dari laman HTML yang kita buat, sedangkan body tempat kita menyimpan tulisan yang kita buat. 

3. Jika kita ingin mempercantik tulisan kita, misalnya merubah font, warna, ukuran tulisan, menambahkan underline, bold, italic, merapikan posisi tulisan, memberikan alinea, dan memberikan spasi. Kita bisa menyisipkan perintah-perintah di bawah ini.

• Untuk warna, sisipkan <font color="nama_warna"> ~ </font> (gbr8)
• Untuk font, sisipkan <font face="nama_font"> ~ </font> (gbr8)
• Untuk ukuran, sisipkan <font size="angka"> ~ </font> (gbr8)

atau bisa juga menggunakan <h1>~</h1> (biasanya yang digunakan h1~h6)

• Bold, sisipkan <b> ~ </b> (gbr8)
• Underline, sisipkan <u> ~ </u> (gbr8)
• Italic, sisipkan <i> ~ </i> (gbr8)
• Memberikan alinea, sisipkan <p> ~ </p>
• Merapikan posisi tulisan, sisipkan <align=justify>
• Memberikan spasi, sisipkan <br> ~ </p>

*Contoh paragraf sederhana

*Setelah dibuka menggunakan browser

Selain itu penabahan bullet dan number bisa kita terapkan disini dengan menggunakan:

• Sisipkan <ul> ~ </ul>, <ol> ~ </ol>, <li> ~ </li>.

Sekian dari saya. Terima kasih telah membaca materi ini. Semoga bermanfaat!