Membuat Perpustakaan Online dengan HTML
Membuat Perpustakaan Online dengan HTML
.png)
Halo teman-teman selamat datang kembali di blog saya Meliana Yunita Br. Malau. Di blog sebelumnya teman-teman sudah mempelajari bagaimana caranya membuat sebuah website dengan menggunakan HTML.
Nah, sekarang saya akan menjelaskan sedikit bagaimana cara membuat Perpustakaan Online dengan menggunakan HTML. Silahkan dipelajari ya:)
1. Membuat Judul
Sebelumnya teman-teman semua sudah mempelajari cara membuat judul sebuah HTML. Karena judul merupakan hal yang wajib dibuat saat membuat sebuah website agar mudah dicari orang. Berikut saya berikan contohnya lagi agar lebih mudah untuk dimengerti dan dipraktekkan langsung:
<html>
<head>
<title>Page Title</title>
</head>
<body>
<head>
<title>Page Title</title>
</head>
<body>
2. Membuat Sampul Website
Di materi sebelumnya, saya belum menjelaskan tentang cara membuat sampul atau cover sebuah website. Di materi kali ini saya akan membahas nya. Berikut adalah contohnya :
<div class="container">
<div class="row justify-content-center align-items-center">
<form>
<div class="form-group"><img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
/div>
</form>
</div> </div>
3. Membuat Pengenalan
Berikutnya adalah pengenalan kampus di halaman awal Perpustakaan Online. Caranya sama saja dengan materi sebelumnya, berikut saya lampirkan :
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<a href="https://www.w3schools.com">This is a link</a>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
</body>
4. Membuat Tabel di HTML
Sebelumnya kita belum membahas cara membuat tabel di HTML. Nah sekarang saya akan membahas cara membuat tabel di HTML agar html teman-teman semua dapat lebih rapi dan teratur. Berikut adalah caranya :
<table boder="1">
<tr>
<td>Baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
</tr>
</table>5. Memasukkan Gambar ke dalam HTML
Nah, kalau materi ini sudah dipelajari sebelumnya bukan. Memasukkan gambar ke dalam sebuah HTML, berikut adalah penjelasannya :
<ul>
<div class="buku">
<div class="foto">
<div align="center">
<img src="pengamen.jpg" width="200" height="180">
<div class="judul">Pengantar Manajemen</div>
<div class="penulis">Penulis: Amirullah, S.E</div>
</div>
6. Memasukkan List ke HTML
Yang berikutnya ada cara memasukkan List ke dalam HTML, sebelumnya kita belum membahas materi ini. Dan saya akan menjelaskan sedikit bagaimana caranya ;
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Mungkin hanya ini saja yang dapat saya jelaskan semoga bermanfaat bagi teman-teman sekalian, jika kurang jelas mohon dimaklumi karena saya juga masih belajar. Jika ingin penjelasan lebih rinci, anda dapat melihat tutorial di youtube ataupun sosial media lain. Dan jika ada kritik maupun saran akan sangat berarti untuk saya maupun kemajuan blog ini.
"Gunakanlah kemajuan teknologi saat ini untuk belajar. Tak ada yang tak mungkin bagi anda jika anda memiliki kemauan untuk lebih maju, seperti kata pepatah, dimana ada kemauan disitu ada jalan."
Terima kasih sudah mengunjungi blog saya, sampai jumpa di blog berikutnya :)
Komentar
Posting Komentar