Uji Praktek HTML

PENUGASAN INFORMATIKA

nama : Nada Naila Sifa
kelas  : XII MIPA 5
guru pengajar : Hj.Deswati, S.Kom.M.Pd

BASIC CODE

  • <h> = headers
  • <p> = paragraph
  • </...> = print program
  • <br> = break/line break (garis baru)

 1. Align Paragraph

➵ bertujuan untuk meratakan paragraf, rata kanan/kiri/tengah.

πŸ”ΈHTML codeπŸ”Έ
  • align="left" ~> rata kiri
  • align="right" ~> rata kanan
  • align="center" ~> rata tengah

CONTOH :


🌟 HASIL :

πŸ”ŽπŸ”ŽπŸ”Ž

2. Teks Format & Dokumen Berparagraf

➵ bertujuan untuk membuat format teks tebal/miring/garis bawah/kapital/kecil/pangkat atas/pangkat bawah serta membuat paragraf baru.

πŸ”ΈHTML codeπŸ”Έ
  • align="left" ~> rata kiri
  • align="right" ~> rata kanan
  • align="center" ~> rata tengah

 CONTOH :

🌟 HASIL :


πŸ”ŽπŸ”ŽπŸ”Ž

 3. Formating Text

➵ bertujuan untuk membuat teks atau paragraf sesuai dengan format yang diinginkan.

πŸ”ΈHTML codeπŸ”Έ
  • <pre> = preformatting 
a. Tanpa <pre>
 CONTOH :

🌟 HASIL :


b. Ditambah <pre>
 CONTOH :


🌟 HASIL :

c. Contoh bentuk lain
 CONTOH :

🌟 HASIL :

πŸ”ŽπŸ”ŽπŸ”Ž


5. Formulir HTML

➵ bertujuan untuk membuat formulir pengisian nama.

πŸ”ΈHTML codeπŸ”Έ
  • <form> = form
  • id          = caption label
  • type      = tipe kolom 

 CONTOH :


🌟 HASIL :

⇾ form diisi :

πŸ”ŽπŸ”ŽπŸ”Ž


6. Crosscheck HTML

➵ bertujuan untuk membuat catatan crosscheck.

 CONTOH :



🌟 HASIL :

πŸ”ŽπŸ”ŽπŸ”Ž


8. Mendesain Web Page

➵ bertujuan untuk membuat formulir data diri, box pilihan dan tombol.

πŸ”ΈHTML codeπŸ”Έ
  • select     = box pilihan
  • option    = opsi
  • textarea  = kolom text/paragraf
  • cols        = column (lebar box)
  • wrap       =  menentukan bagaimana teks dicetak


 CONTOH :


🌟 HASIL :




⇾ form diisi :




Postingan populer dari blog ini

Meet Me!

Flowchart Narasi WhatsApp