Minggu, 22 Januari 2017

Tutorial HTML Dasar

Tugas 1 Buatlah sebuah web dengan menggunakan rincian berikut:
  1. Title: Tugas 1 - <NIM> 
  2. Memiliki judul dengan font lebih besar dari isi. Judul bebas, dibuat terdiri dari 2 baris (gunakan element br) 
  3. Memiliki 2 paragraf tulisan tentang pengalaman di Fasilkom UNSRI (gunakan element p)
  4. Memiliki sebuah gambar (gunakan img). 
  5. Buat 2 bagian di gambar yang jika di-klik akan membuka situs tertentu pada halaman baru (gunakan usemap)
  6. Memilki garis 
  7. Tuliskan paragraf yang menjelaskan tentang jenis-jenis HTML Entities 
  8. Tuliskan paragraf yang menjelaskan tentang Jenis-jenis HTML Symbol 
  9. Tuliskan paragraf yang menjelaskan tentang Jenis-jenis HTML charset 
  10. Buatlah sebuah pantun bebas dengan 4 bait (gunakan element pre. jangan gunakan element br)


Tutorialnya :

1. Pertama tuliskan Tugas 1 - <NIM> di dalam bagian Title





2. Kemudian untuk membuat judul yang terdiri dari dua baris tuliskan dua pasang elemen <h1>


  

3. Lalu gunakan elemen <p> untuk membuat paragraf tulisan 





4. Selanjutnya untuk menambahkan gambar masukkan kode: <img src="alamat gambar" />





5. Untuk membuat 2 bagian di gambar jika di klik akan membuka situs tertentu pada halaman baru  masukkan kode: <img src="alamat gambar" width="lebar gambar" height="tinggi gambar" usemap="nama usemap">  dan untuk Tag areanya:  <area shape="rect" coords=”titik koordinatnya″ href="alamat gambar" target="_blank">





6. Tag untuk membuat garis tuliskan <hr width=100% align=center size=1% color=”warna garis”>





7. Untuk membuat paragraf yang menjelaskan tentang HTML Entities,Symbol dan Charset tutorialnya sama dengan nomor 3


8. Terakhir untuk membuat pantun caranya "hampir sama" dengan nomor 3. Elemen <p> tinggal diganti dengan elemen <pre>










    

Tidak ada komentar:

Posting Komentar