Pemrograman Internet - HTML (1)

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>



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..)

Sekian.Terima Kasih. :)

Untuk mendapatkan slide ini, kunjungi:

vynprogram.blogspot.com

Pemrograman Internet - HTML (1)

Education

Transcript of Pemrograman Internet - HTML (1)