Kamis, 07 Juli 2022

PERPUSTAKAAN BUKU ONLINE

 

PERPUSTAKAAN STIM SUKMA MEDAN

Ini Adalah Perpustakaan Stim Sukma 

PENJELASAN 

MENAMBAHKAN GAMBAR PADA HTML

Sebuah web bakal membutuhkan yang namanya gambar untuk menarik atau mempercantik sebuat web atau juga untuk lebih memperjelas suatu pengertian dengan ditambahkannya gambar. menuliskan kode gambar pada HTML yaitu

Tag HTML <img> digunakan untuk menyematkan gambar di halaman web.

Gambar secara teknis tidak dimasukkan ke dalam halaman web; gambar ditautkan ke halaman web. Tag <img> membuat ruang penyimpanan untuk gambar yang direferensikan.

Tag <img> kosong, hanya berisi atribut, dan tidak memiliki tag penutup.

 

Example

<img src="salsa.jpg" alt="Girl in a hoodie">


MEMBUAT HTML DISEBUAH NOTEPAD

Langkah awal kita membuat judul dari web tersebut dengan HTML:

Example

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

Untuk membuat suatu situs web yang berupa halaman kita perlu membuat seperti gambar untuk halaman depan agar situs tersebut terlihat lebih menarik. dengan ukuran height
300 width 1500. 

Example

<img src="img_chania.jpg" alt="Flowers in Chania">

Setelah membuat gambar halaman depan/atas kita bisa memasukan pengertian atau tujuan dari situs web tersebut contoh kita membuat sebuat perpustakaan buku, lalu kita masukkan pengertian perpustakaan dan yang terkaitan dari perpustakaan tersebut. Untuk membuat suatu paragraf kita bisa menggunakan HTML Paragraf:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Jika sudah melakukan tahap berikut kita bisa melajutkan untuk menjadikan situs tersebut lebih menarik seperti membuat sebuah halaman yang berisi perpustakaan dengan cara menambahkan gambar buku buku dan nama buku tersebut. agar lebih rapih susanan buku dan nama nama buku tersebut kita bisa menggunakan HTML Table atau bisa lebih lanjut di  W3Schools

Example

A simple HTML table:

<table>
  <tr>
    <th>img src="buku stifin.jpg"width="200"></th>
    <th>img src="buku informatika.jpg"width="200"></th> 
    <th>img src="buku pemasaran.jpg"width="200"></th>
  </tr>
  <tr>
    <td>BUKU STIFIN</td>
    <td>BUKU TEKNIK INFORMATIKA</td> 
    <td>BUKU PEMASARAN</td>
  </tr>
  <tr>
    
  </tr>
</table>






Tidak ada komentar:

Posting Komentar

MEMBUAT CRUD DENGAN PHP DAN MySQL - Menampilkan Data

 Assalamualaikum wr.wb  Hallo temen-temen, disini saya akan menjelaskan dan memberitahu bagaimana caranya menampilkan atau membuat CRUD deng...