Laporan HTML [ XAMPP ]

pada tanggal

 


A.XAMPP 

          Apa itu XAMPP? Huruf X pada XAMPP berarti aplikasi ini bisa digunakan cross platform. Berikutnya, A mewakili Apache, yaitu aplikasi web server bawaan XAMPP. Huruf M untuk MySQL & MariaDB, aplikasi database server. Terakhir, dua huruf P adalah PHP dan Perl, yaitu bahasa pemrograman yang digunakan.

          XAMPP adalah sebuah software web server yang digunakan untuk mengembangkan dan merancang situs website pada server lokal. Aplikasi ini juga sering disebut sebagai localhost XAMPP sebab fungsinya sebagai pembuat server lokal di perangkat komputer.

          Aplikasi ini bersifat open source dan bisa dioperasikan pada berbagai sistem operasi, seperti Windows, Mac OS, dan Linux. Semula, XAMPP dikembangkan pada 2002 oleh Apache Friends, yakni sebuah komunitas yang mempromosikan web server Apache. Nama XAMPP sebenarnya mendeskripsikan program-program yang terdapat di dalamnya.

Fungsi XAMPP

1. Menginstall WordPress Offline
2. Mengelola Database phpMyAdmin
3. Menjalankan Laravel dengan Perangkat

B.HTML

       HTML adalah singkatan dari Hypertext Markup Language, HTML merupakan salah satu bahasa pengkodean atau pemograman yang digunakan untuk membuat halaman website yang ditampilkan pada web browser.

Struktur HTML:
<! DOCTYPE html> — untuk deklarasi type dokumen;
<html> — tag utama dalam HTML;
<head> — untuk bagian kepala dari dokumen;
<title> — untuk judul web;
<body> — untuk bagian body dari dokumen.

Langkah-langkah:

1.Pertama-tama download terlebih dahulu aplikasi xampp, setelah itu install, jika sudah terinstall buka aplikasi xampp dan aktifkan Apache dan Mysql. [ Klik Start ]


2.Buka File Explorer, disini kita cari file xampp setelah itu cari htdocs jika sudah tambahkan folder baru namanya bebas, nah setelah itu buka folder barunya klik kanan dan buat Text Document untuk namanya index atau index.html type nya all files bukan (*.txt) nah setelah membuat file baru buka file index ini dengan NotePad.
 
3.Nah disini kita search situs w3schools di chrome atau browser, lalu kita klik yang HTML tutorial, disini kita akan menyalin perintah perintahnya, nah lalu jika sudah disalin kita buka notepad file yang index.html dan paste text perintah itu di notepad index.html.

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


Title: bebas namanya
H1: Bebas namanya bisa [ Latihan html ] or something.
P: Bebas namanya

4.Di langkah ini kita akan memasukan foto ke situs nya. Kita persiapkan foto terlebih dahulu nah jika sudah ketemu kita copy lalu paste di folder yang kita buat tadi [ kalo saya Ayla nama foldernya ]. Nah jika sudah di paste kita buka situs w3schools kembali, dan cari HTML Image disini kita salin perintahnya dan paste di notepad yang tadi. Jika sudah langsung klik Save.

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

Sebelum menambahkan text yang sudah disalin kita lihat terlebih dahulu nama dari foto yang telah kita simpan di folder yang dibuat tadi [ kalo saya Ayla ]
namanya adalah ayelayo.jpeg

nama dari imagenya adalah ayelayo.jpg [ jadi kita masukan nya menjadi ayelayo.jpg ]

Setelah ini klik Save

5.Untuk Cara menambahkan background sama caranya dengan cara menambahkan image tetapi untuk kata perintahnya berbeda.

style>
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}
</style>


Paste perintah ini dibawah perintah dari yang menambahkan Image. Jika sudah semua kita klik File lalu save.


6.Sekarang kita buka browser atau Chrome dan kita search localhost sesudah itu kita cari localhost/ayla/ [ ayla ini nama folder yg kita buat ] lalu localhostnya kita ubah menjadi ip address PC kita, jika ingin tahu IP address kita buka command prompt dan ketikan perintah /ipconfig.

Jadi localhostnya kita ubah menjadi IP Address and well Done!



Komentar

Posting Komentar