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

Pemrograman Internet - HTML (1)