Kamis, 14 Juli 2022

MEMBUAT HTML DENGAN NOTEPAD BERJUDUL PERPUSTAKAAN STIM SUKMA

Assamuaalaikum wr.wb

Pada blog kali ini  saja akan menjelaskan cara membuat HTML menggunakan notepad


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>Company</th>
    <th>Contact</th> 
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td> 
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td> 
    <td>Mexico</td>
  </tr>
<table


Berikut codingan dari hasil perpustakan STIMSUKMA

<html>
<head>
<title>STIM SUKMA MEDAN</title>
</head>
<body>

<h1>SELAMAT DATANG DI PERPUSTAKAAN STIM SUKMA MEDAN</h1>
<img src="stm.jpg"width="1500" height="300">

<p>Perpustakaan merupakan jembatan menuju penguasaan ilmu pengetahuan, dapat memberikan kontribusi penting bagi terbukannya aksi informasi, seta menyediakan data yang akurat bagi proses pengambilan sumber-sumber referensi bagi pengembang ilmu pengetahuan.</p>
<p>Stim sukma mempunyai komitmen yaitu salah satu perguruan tinggi swasta terbaik di seluruh indonesia dan juga mancanegara terkhusus dalam menempah lulusan manajemen yang berattitude baik, berkarakter dan juga siap untuk menghadapi sengitnya persaingan dalam dunia kerja.</p>
<table style="width:100%">
  <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 TEKNIK PEMASARAN</td>
</tr>
<tr>
<th><img src="buku teori ekonomi.jpg"width="200"></th>
<th><img src="buku analisis keuangan.jpg"width="200"></th>
<th><img src="buku babk.jpg"width="200"></th>
</tr>
<tr>
<td>BUKU PENGANTAR TEORI EKONOMI</td>
<td>BUKU ANALISIS KEUANGAN</td>
<td>BUKU LEMBAGA KEUANGAN BANK DAN NON BANK</td>
</tr>
</table>

Dan ini hasilnya 




Sekian dari penjelasan saya, Terimakasih




STIM SUKMA MEDAN

SELAMAT DATANG DI PERPUSTAKAAN STIM SUKMA MEDAN

Perpustakaan merupakan jembatan menuju penguasaan ilmu pengetahuan, dapat memberikan kontribusi penting bagi terbukannya aksi informasi, seta menyediakan data yang akurat bagi proses pengambilan sumber-sumber referensi bagi pengembang ilmu pengetahuan.

Stim sukma mempunyai komitmen yaitu salah satu perguruan tinggi swasta terbaik di seluruh indonesia dan juga mancanegara terkhusus dalam menempah lulusan manajemen yang berattitude baik, berkarakter dan juga siap untuk menghadapi sengitnya persaingan dalam dunia kerja.

BUKU STIFIN BUKU TEKNIK INFORMATIKA BUKU TEKNIK PEMASARAN
BUKU PENGANTAR TEORI EKONOMI BUKU ANALISIS KEUANGAN BUKU LEMBAGA KEUANGAN BANK DAN NON BANK

Tidak ada komentar:

Posting Komentar

VARIABEL (PERKALIAN 9)

 Pada blog ini saya akan menjelaskan tentang perkalian 9 dengan menggunakan tipe data Variabel .Kita membuka aplikasi notepad terlebih  dahu...