Rabu, 23 September 2015

Tugas : Contoh Program HTML Mengunakan Notepad

~Berikut ini merupakan contoh program HTML menggunakan Notepad~


Cara membukanya :
  1. Buka Notepad
  2. Copykan semua kode di bawah ini kedalam notepad.
  3. Kemudian Save As
  4. Pada Baris Save As Type ubah dari Text Document (*.txt) menjadi All Files
  5. Kemudian buat nama file diikuti dengan ekstensi (*.html) contoh : Tugas.html
  6. Lalu Save.
  7. Kemudian buka dimana data disimpan. Lalu buka menggunakan Mozilla Firefox atau browser lainnya. 
 Kodenya

<html>
<head>
<title>Tugas Internet Web</title>
<body background="gambar/IMG_0452.jpg">
</head>
</body>
<body>
<font face="Arial"><center><font size="20">
<p><font color="purple">Perangkat</font><font color="blue"> Lunak </font><font color="pink">(software)</font><font color="red"> adalah</font><font color="cyan"> kumpulan</font><font color="magenta"> beberapa</font><font color="white"> perintah</font><font color="purple"> yang</font><font color="yellow"> dieksekusi</font><font color="blue"> oleh</font> <font color="red">mesin</font> <font color="cyan">komputer</font> <font color="purple">dalam</font> <font color="cyan">menjalankan</font> <font color="red">pekerjaannya</font>. <font color="purple">Perangkat</font> <font color="blue">lunak</font> <font color="yellow">ini</font> <font color="red">merupakan</font> <font color="cyan">catatan</font> <font color="orange">bagi</font> <font color="pink">mesin</font> <font color="green">komputer </font> <font color="brown">untuk</font> <font color="grey">menyimpan</font> <font color="red">perintah</font>, <font color="brown">maupun</font> <font color="cyan">dokumen</font> <font color="pink">serta</font> <font color="purple">arsip</font> <font color="yellow">lainnya</font></p>

<p><font color="red">Sistem</font> <font color="grey">operasi</font> <font color="orange">merupakan</font> <font color="cyan">sebuah</font> <font color="yellow">penghubung</font><font color="white>"> antara </font><font color="blue">pengguna</font><font color="pink"> dari </font><font color="yellow">komputer </font><font color="purple">dengan</font><font color="blue">perangkat</font> <font color="white">keras</font><font color="grey"> komputer.</font> <font color="red">Sebelum</font><font color="orange"> ada </font><font color="yellow">sistem </font><font color="cyan">operasi,</font><font color="red"> orang </font><font color="black">hanya</font><font color="magenta"> mengunakan</font><font color="green"> komputer</font> <font color="grey">dengan </font><font color="black">menggunakan</font><font color="purple"> sinyal</font><font color="yellow"> analog </font><font color="red">dan</font><font color="blue"> sinyal</font><font color="green"> digital.</font></p>

<p><font color="blue">Pengelolaan</font><font color="purple"> file </font><font color="yellow">adalah</font><font color="red"> kumpulan </font><font color="green">perangkat </font><font color="magenta">lunak</font> <font color="purple">sistem </font><font color="blue"> yang</font><font color="grey"> menyediakan</font><font color="red"> layanan-layanan</font><font color="white"> berhubungan </font><font color="gold"> dengan </font><font color="cyan">penggunaan </font><font color="purple">file</font> <font color="red">ke pemakai </font>dan<font color="blue"> aplikasi.</font> Biasanya,<font color="yellow"> satu-satunya</font><font color="white"> cara </font><font color="grey"> pemakai </font><font color="green"> atau</font><font color="purple"> aplikasi </font><font color="blue">mengakses</font><font color="magenta"> file </font<font color="blue"> adalah </font><font color="purple"> lewat </font><font color="yellow"> sistem </font><font color="green">file.</font><p>

</font></center></font size>
</body>
</html>

NB: Untuk Text berwarna merah bisa diubah sesuai dengan background yang kita inginkan.

Mengganti Bacground
  1. Pastikan file gambar dan file html terdapat dalam satu folder. 
  2. Ganti tulisan yang berwarna merah dengan nama file dari gambar tsb, jangan lupa disertai dengan extensi file tersebut. Cth : IMG21.JPG
  3. Jika file gambar terdapat dalam folder lain tetapi masih dalam satu folder dengan file html tadi. ubah tulisan yang berwarna merah tsb sesuai nama folder dan nama gambar. Seperti Ini -> "NamaFolder/NamaGbr" tanpa tanda kutip.  Cth : Gambar/IMG21.JPG ( Ini hanya bisa dilakukan jika folder yang berisi gambar tsb satu folder dengan file html yang telah dibuat. 
Semoga Bermanfaat.
Terimakasih.

RINA AFRIANY GINTING
MANAJEMEN INFORMATIKA
STMIK PELITA NUSANTARA  MEDAN

0 komentar:

Posting Komentar