LAPORAN PRAKTIKUM HTML

NAMA : PUPUT ANGGRAENI

KELAS : XI TJKT B



HTML adalah bahasa markup yang digunakan untuk membangun dan mengatur struktur konten sebuah halaman web.

donwload atau copy file aplikasi XAMPP CONTROL PANEL V3.3.0 lalu instal jika muncul seperti gambar di bawah ini klik ok. otomatis akan langsung terbuka.


1. buka aplikasi xampp dan klik start bagian apache & mySQL


2. masuk ke file explorer klik local disk (c) 


3. klik 2 kali file xampp lalu klik bagian "htdocs" 


4. di htdocs tambahkan file baru dengan klik "new" dengan nama sendiri (puput)


5. tambahkan file baru di puput dengan "text dokumen" dengan nama = index.com


6. masuk browsing ketikan " 3webschool" lalu klik


7. setelah masuk klik try it yourself  lalu copy semua text



8. lalu tempel di file index.com dan ubah bagian <h1> & <p>

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>NAMA : PUPUT ANGGRAENI</h1>
<p>KELAS : XI TJKT B.<p>

</body>
</html>

setelah itu klik save bagian file.


9. buka browser dan ketikan ( localhost ) + ( / ) +  nama file di htdocs ( puput )   =localhost/puput


akan muncul tamppilan seperti ini.


untuk menambahkan foto dan ganti backround

10. pilih poto yang akan di pakai lalu copy


11. lalu paste di file puput dan rename menjadi ( poto3 ) / bebas


12. masuk lgi ke 3webscool lalu klik html & cari html image copy example paling atas 


13. paste di file index.com setelah di paste, ubah bagian depan src= menjadi nama file poto tadi.

<img src="poto3.jpg" alt="Italian Trulli"> 


setelah itu browsing kembali =localhost/puput 


untuk mengganti backround

14. cari foto yang akan di jadikan backround dan kasih nama (poto00) lalu copy dan paste di file puput 



15.untuk mengganti backround masuk lagi ke 3webscool lalu di html cari "backround images"
 copy bagian paling bawah. 
 

<style>
body {
  background-image: url('poto00.webp'); ubah ( poto00.webp )
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

16. setelah di copy, paste di catatan index.com tambahkan di index.com lalu save 


setelah itu browsing kembali =localhost/puput 


untuk mengganti localhost menjadi ip 

masuk ke cmd ketikan ipconfig lalu salin ip =192.168.6.6 setelah itu browsing dengan ip + nama =192.168.6.6/puput



selesai



Komentar

Posting Komentar

Postingan Populer