pemrograman internet - html (1)
DESCRIPTION
Slide Pemrograman Internet (Pembukaan) membahas tentang Pengenalan HTML dan tag-tag dasarTRANSCRIPT
HTML (1)
Praktikum Pemrograman Internet
Oleh : Arifin (101401024)
S1 Ilmu Komputer USU
Sekilas sejarah Internet.
Awalnya internet dikembangkan oleh akademisi dan militer Amerika Serikat pada tahun 1969
melalui proyek ARPA yang disebut ARPANET. ARPANET secara umum dikenalkan pada tahun
1972.
Web, set aplikasi yang dapat diakses melalui browser.
Apa itu HTML?
HTML dikembangkan oleh W3C (World Wide Web Consortium)
HTML (Hyper Text Markup Language) adalah sebuah bahasa yang dikembangkan oleh W3C
sebagai standar penulisan dokumen web.
DASAR HTML
TAG HTML
● HTML tersusun atas tag-tag.
Contoh:
<html> … <body> … </body>
</html>
Percobaan 1
● Tulislah kode berikut di dalam text editor (Notepad atau Notepad++) kemudian simpan dalam format .htm atau .html
STRUKTUR HALAMAN HTML
Tag <head>
● Tag Head berisi informasi general dari sebuah halaman HTML.
Tag yang biasanya ada di dalam tag head:● <title>
mendefinisikan judul halaman web.● <link>
menghubungkan file tersebut ke file lain. (contoh: css atau layout html.)
Tag <body>
● Tag body mendefinisikan tubuh / isi dari dokumen HTML.
● Mulai dari paragraf, gambar-gambar, data-data, dsb yang menyangkut isi halaman web.
BEBERAPA TAG DASAR HTML
HTML HEADINGS
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML Paragraph
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Note:● Untuk melakukan pindah baris tulisan
pada halaman HTML, gunakan tag <br />
HTML LINKS
Link yang jika di-klik, maka akan membuka halaman web lain.
<a href="http://iklcusu.blogspot.com">
This is a link</a>
HTML Images
Untuk menampilkan gambar pada halaman web
<img src="light.jpg" width="104" height="142" />
HTML Lists
● Ada 2 jenis HTML List:
– Ordered List
– Unordered List
● Contoh Ordered List
1) Nyalakan Komputer
2) Klik DashHome
3) Ketik Geany
● Contoh Unordered List
– Teh
– Susu
– Kopi
Penulisan Ordered List
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Penulisan Unordered List
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
KERJAKAN!
HTML Elements
Semua yang berada di antara tag pembuka dan tag penutup HTML disebut elemen HTML.
<p> ini disebut elemen </p>
HTML Attributes
● Atribut HTML memberikan informasi tambahan mengenai sebuah tag/elemen
● Atribut selalu berada pada start tag● Atribut ditulis dengan pasangan name dan
value. Contoh: name=”value”● <a href="http://www.w3schools.com">This is
a link</a>
LATIHAN!
Latihan! (cont..)
Latihan! (cont..)
Sekian.Terima Kasih. :)
Untuk mendapatkan slide ini, kunjungi:
vynprogram.blogspot.com