Selasa, 08 November 2016

UNIVERSITAS COKROAMINOTO PALOPO
FAKULTAS TEKNIK KOMPUTER

Alamat: Jalan Latamacelling No. 9B Palopo. Telp (0471)22111 Kota Palopo

BIODATA DIRI MAHASISWA

Nama Lengkap                                       : Suryadi
Nama Panggilan                                      : Adi
N.I.M                                                      : 1504411213
Jurusan                                                    : Teknik Informatika
Penasehat Akademik                               : Hasbi, S.Pd., M.Pd
Jenis Kelamin                                         : Laki-Laki
Tempat/Tanggal/Lahir                             : Sengkang, 12 Juni 1996
Agama                                                    : Islam
Anak Ke                                                 : 2 (Dari 3 Bersaudara)
Status Dalam Keluarga                           : Anak Kandung
Alamat Mahasiswa                                 : Jln Oputosappaile, Asrama 2 TNI
No.Hp Mahasiswa                                  : 085240******
Gologan Darah                                       : O
Nama Ayah                                             : Sirajuddin
Nama Ibu                                                : Syarifah Hamza
Alamat Orang Tua                                  : Jln Masamba Affair no 199 kel. Bone
No.Hp Orang Tua                                   : 082345******






















Sabtu, 05 November 2016

Background & Link

  Background adalah Warna atau gambar yang disusun untuk menciptakan efek latar belakang dalam halaman Web.

Praktikum 1a List OL
1. Buka Notepad++.
2. Ketik scrip brikut:
<html>
<body>
<B>SISTEM KOMPUTER<h1>Heading 1</h1></B>
<OL TYPE="I">
<B><LI>BRAIN WARE</B>
<B><LI>HARDWARE</B>
<OL TYPE="A">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</OL>
<B><LI>SOFTRWARE</B>
<OL TYPE="a">
<LI>Sistem Operasi
<OL TYPE="i">
<LI>Windows
<LI>Linux
</OL>
<LI>Aplikasi
<OL>
<LI>MS.Word
<LI>CorelDraw
</OL></OL></OL>
</body>
</html>
3. Berikut hasilnya:


Praktikum 1b List UL
1. Buka notepad++.
2. Ketik skrip brikut.
<html><body>
<B>SISTEM KOMPUTER</B>
<UL TYPE="Disc">
<B><LI>HARDWARE</B>
<UL TYPE="Circle">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</UL>
<B><LI>SOFTWARE</B>
<UL TYPE="Square">
<LI><U>Sistem Operasi </U>
<LI><U>Aplikasi</U>
</UL></UL></body></html>
3. Hasilnya:

Praktikum 2a.1 Red Background
<html><body>
<B>SISTEM KOMPUTER</B>
<UL TYPE="Disc">
<B><LI>HARDWARE</B>
<UL TYPE="Circle">
<LI>Input Device
<LI>Output Device
<LI>CPU
<LI>Storage Device
</UL>
<B><LI>SOFTWARE</B>
<UL TYPE="Square">
<LI><U>Sistem Operasi </U>
<LI><U>Aplikasi</U>

</UL></UL></body></html>

3. Hasilnya:

Praktikum 2a. 2 Blue Background
1. Buka notepad++.
2. Ketikkan scrip berikut:
<html>
<head>
<tittle>Latihan2</tittle>
</head>
<body bgcolor="blue">
<p>Latihan Dua</p>
<body>
</html
3. Hasilnya:

Praktikum 2a.3 Link Menu
1. Buka kembali notepad++.
2. Ketik scrip berikut:
<html>
<head>
<tittle>LATIHAN LINK</tittle>
</head>
<body bgcolor="red">
SELAMAT BELAJAR :
<UL TYPE="A">
<LI> <a href="Latihan 1.html">Latihan 1</a></LI>
<LI> <a href="Latihan 2.html">Latihan 2</a></LI>
<LI> <a href="Latihan 3.html">Latihan 3</a></LI>
</UL>
<body>
</html>
3. Hasilnya:

Praktikum 2b Jenis Link
1. Buka notepad++.
2. Ketikkan scrip brikut:
<html>
<head>
</head>
<body>
<A NAME="TOP">
<BR>
<H1>Link secara relatif, lihat contoh dibawah ini:</H1>
<p>
<A HREF="page_2.html"> Klik di sini </A> Jika mau ke halaman berikutnya
</p>
<H1>Link Secara absolut, Lihat Contoh Di Bawah ini:</H1>
<p>
Klik <A HREF="http://www.facebook.com">Facebook</A>Menuju Ke Facebook
</p>
<p>
<H1>Membuat Window baru untuk Link:</H1>
Open <A HERF="http://www.mangosoft.com"
TARGET="_blank"> my home page</A>
with new window.
</p><H1>Membuat Link Tanpa Garis Bawah:</H1><p>
<A HREF="http://www.mangosoft.com" style="text decoration:none"> Klik
This Link </A> , Looks it's not use underline.
</p></P>
<H1>Membuat link pada suatu pesan mail:</H1>
<BR> kirim email ke <A HREF="mailto:syafriadi82@gmail.com">
syafriadi82@gmail.com</A>
</p>
<BR><BR><BR><BR><BR><BR><BR><A HREF="#TOP">
kembali ke atas</A>
</body>
</html>
3. Hasilnya:

 Semoga bermanfaat.

Sumber:
Syafriadi. 2016. “Praktikum Pemrograman HTML”.
            Palopo:Penerbit  Laboratorium Komputer Universitas Cokroaminoto Palopo.

List & Link

  List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar HTML menggunakan tag <a> tag Anchor untuk membuat link.
 -Link Relatif adalah Link dalam page ke page yang lain dalam satu komputer
 -Link Absolut adalah untuk Membuat link web page ke web site lain di Internet.
sesuatu.

Praktikum 1 Format Font
1. Buka Notepad atau Notepad++.
2. Ketik scrip berikut:
<html>
<head>
<tittle> Formatting Font </tittle>
</head>
<body>
<b> Bold </b>
<BR>
<u> Underline </u>
<BR>
<i>Italic </i>
<BR>
<strong>Strong</strong>
<BR>
<em>Emphasis</em>
<BR>
<cite>Citation</cite>
<BR>
<s>ini di coret</s>
<BR>
X<sup>3</sup> + 2X<sup>2</sup> -5
<BR>
H<sub>2</sub>O
</body></html>
3. Berikut hasil dari ketikan scripnya:

Praktikum 2 Karakter Khusus
1. Buka kembali notepad++.
2. Ketikkan skrip berikut.
<html>
<head>
<tittle> Karakter Khusus </tittle>
</head>
<body>
Copyright &copy; <br>
Trademark &trade; <br>
Registered &red; <br>
Pounsterling &pound; <br>
Yen &yen; <br>
Euro &euro; <br>
</body>
</html>
3. Berikut hasil dari ketikkan skrip di atas:

Praktikum 3 Identitas
1. Buka notepad++.
2. Ketik scrip brikut:
<html>
<head>
<tittle> Ceritaku Ceritamu </tittle>
</head>
<body>
<DD> Engkau datang membawa sejarah_
dari kota kecil menuju kota besar_
Indonesia rindu pemimpi sepertimu_
semoga ada tempat bagimu untuk dipilih_</DD>
<BLOCKQUOTE>Memimpin Negeri Ini Bukanlah Surga_
menyambung warisan panasnya neraka_
tak semudah balikkan punggung tanganmu_
mesti seirama beresolusi_</BLOCKQUOTE>
<DL>
<DT>Kami Gantung harapan kami_
di bahu pemimpin kami</DT>
</DL>
</body>
</html>
3. Berikut hasilnya:






















  Itulah tadi pemaparan scrip html tentang Format Font, Karakter Khusus dan Identitas. semoga bermanfaat.
Sumber:
Syafriadi. 2016. “Praktikum Pemrograman HTML”.
            Palopo:Penerbit  Laboratorium Komputer Universitas Cokroaminoto Palopo.