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.
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".
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)
- 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>
*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!


0 komentar:
Posting Komentar