Pemrograman Internet by Susiana Sari, S.Kom

Ukuran: px

Mulai penontonan dengan halaman:

Download "Pemrograman Internet by Susiana Sari, S.Kom"

Djaja Sutedja
6 tahun lalu
Tontonan:

1 1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh

STRUKTUR DASAR HTML <HTML>: sebagai tanda awal dokumen <HEAD> : sebagai informasi page header <TITLE>: sebagai judul halaman <BODY> : sebagai tempat page attribute latih1.

2 STRUKTUR DASAR HTML <HTML>: sebagai tanda awal dokumen <HEAD> : sebagai informasi page header <TITLE>: sebagai judul halaman <BODY> : sebagai tempat page attribute latih1.html 1. <html> 2. <head> 3. <title>latihan 1 4. </title> 5. </head> 6. <body bgcolor="green" text="yellow"> Letakkan text, images, dan link anda di sini 7. </body> 8. </html> 2

3 FORMAT TEKS Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks: 3 Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1-6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. Digunakan untuk pindah alinea atau paragraf. Tag ini bisa atau tanpa diberi akhiran </P> Digunakan untuk pindah ke baris baru. Digunakan untuk mencegah berpindahnya teks secara otomatis ke baris selanjutnya.

4 Latihan 2 4 <html> <head> <title>latihan 2</title> </head> <body> <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> <p>penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf <p>penggunaan Paragraf <br>penggunaan Paragraf Penggunaan Paragraf <br>penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf</p> <p><nobr>penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf Penggunaan Paragraf</p> </body> </html>

5 ELEMEN FONT Atribut elemen Font, terdiri dari: Size : ukuran hurufberkisar antara 1-7 default 3 Color: warna font, default black Face : jenisfont. Maksimal 3 font 5 Basefont : mendefinisikan default text. Elemen ragam karakter <b> </b> : efekteks tebal (bold) <u> </u> : efekteks garis bawah (underline) <i> </i> : efekteks miring(italic) Latihan 3 1. <html> 2. <head> 3. <title>latihan 3</title> 4. </head> 5. <body bgcolor=# text=#ffffff> 6. <h1 align=center> 7. <font color=#ffff00 face=cambria>politeknik MUARA TEWEH 8. </font></h1> 9. <hr width=420 align=center> 10. <p><font size=5 face="cambria, Verdana, Arial" COLOR="#FF0000"> 11. <b>program Studi Manajemen Informatika</b></font> 12. <p align=right> 13. <font color=lightgreen><b><u>semester 1</u></b></font></p> 14. <p align=right> <p align=right><i>logika Algoritma 15.<br>Kewirausahaan <br>kalkulus<br>dll.</i></p> 16. <p align=center> 17.<font color=cyan><b><u>semester 2</u></b></font></p> 18. <p align=center><u><i>komunikasi Data<br>Statistik<br>DBMS 19.<br>Dll.</i></u></p> 20. <p align=left><font color=red><b><u>semester 3</u></b> 21.</font></p> 22. <b><u><i>pemrograman Internet<br>Pemrograman Visual 23.<br>Pemrograman Terstruktur<br>Dll.</i></u></b></p> 24. </body> 25. </html>

6 LISTS Terdapat tiga tipe list yang dapat digunakan: Unordered Lists : <UL> untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI> Ordered Lists: <OL> digunakan untuk membuat daftar item berupa angka arab atau romawi. Definition Lists : <DL> digunakan untuk menyertakan keterangan tiap item list 6 1. <html> 2. <head> 3. <title>latihan 4</title> 4. </head> 5. <body> 6. <UL > 7. <LI> Bullet 1 8. <LI> Bullet 2 9. <LI> Bullet </UL> 11. <OL TYPE=I> 12. <LI> Romawi I 13. <LI> Romawi II 14. <LI> Romawi III 15. </OL> 16. <DL> 17. <DT> Item pertama. 18. <DD> Penjelasan tentang item pertama. 19. <DT> Item kedua. 20. <DD> Penjelasan tentang item kedua 21. </DL> 22. </body> 23. </html> Latihan 4

7 IMAGE & LINK 7 IMAGE LINK Digunakan untuk menampilkan image atau animasi pada halaman web. Tag yang digunakan adalah <img> <img src =nama_file_gambar> Src : lokasi & nama gambar Alt : teks alternatif, yaitu teks yang ditampilkan ketika gambar disorot dengan mouse Width : lebar gambar, pixel Height : tinggi gambar, pixel Align : [top middle bottom left right ] (perataan gambar) Border : tebal garis tepi gambar, pixel Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain, bahkan dalam satu halaman untuk berpindah ke subjudul yang lain Tag yang digunakan adalah <a href = URL_tujuan > hypertext</a>

8 Latihan 5 8 1) <html> 2) <head> 3) <title>.:: Latihan 5 >> Menggunakan Image & Link ::.</title> 4) </head> 5) <body bgcolor="#ffffcc"> 6) <a name="#atas">halaman atas</a><br> 7) <a href="latih1.html">link ke latihan1.html</a><br> 8) <a href="#bawah">link ke Halaman bawah</a> 9) <p>memasukkan gambar:<br> 10) <img src="brownies.jpeg" width="298" height="191" align="center"> 11) <p> 12) <a href="#atas">link ke Halaman atas</a><br> 13) <a name="bawah">halaman bawah</a> 14) </body> 15) </html>

9 Terima Kasih 9

dokumen-dokumen yang mirip

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar