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