PENGANTAR HTML. Danang Wahyu Utomo Danang Wahyu Utomo, M.Kom, M.CS

Ukuran: px

Mulai penontonan dengan halaman:

Download "PENGANTAR HTML. Danang Wahyu Utomo Danang Wahyu Utomo, M.Kom, M.CS"

Ridwan Halim
7 tahun lalu
Tontonan:

1 PENGANTAR HTML Danang Wahyu Utomo

2 Objectives Basic HTML HTML headings HTML paragraphs HTML links HTML images

3 HTML HyperText Markup Language HTML adalah language untuk mendeskripsikan Web pages HTML adalah kumpulan dari markup tags Keyword HTML dimulai dengan <html> Tag HTML dimulai dengan <> dan diakhiri </> contoh : <b> </b> HTML dapat ditulis menggunakan editor notepad atau Dreamweaver

4 HTML <html> <head> HTML </head> <body> <h1>my First HTML</h1> </body> </html>

5 HTML Headings Heading pada HTML didefinisikan dengan <h1> sampai <h6> <h1>heading 1</h1> <h2>heading 2</h2> <h6>heading 6</h6>

6 Latihan Write your name using heading (h1 h6)

7 Latihan Tulis dalam html Little Women by Louisa May Alcott Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. The story is based the childhood experiences Alcott shared with her real life sisters, Anna, May and Elzabeth. The novel stars Jo, Meg, Beth and Amy and explores the rich nuances of family and family relationships.

8 HTML Paragraphs Paragraf pada HTML bisa didefinisikan menggunakan <p> </p> <p>my Paragraph</p> <p>my Second Paragraph</p> <p>my Third Paragraph</p>

9 Latihan Little Women by Louisa May Alcott Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. The story is based the childhood experiences Alcott shared with her real life sisters, Anna, May and Elzabeth. The novel stars Jo, Meg, Beth and Amy and explores the rich nuances of family and family relationships.

10 HTML Links Digunakan untuk membuat link antar halaman website Link pada HTML didefinisikan dengan <a href></a> <a href= second.html >Second Page</a> <a href= Page 1 Page 2

11 Latihan Little Women by Louisa May Alcott Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. Next Little Women by Louisa May Alcott Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. The story is based the childhood experiences Alcott shared with her real life sisters, Anna, May and Elzabeth. The novel stars Jo, Meg, Beth and Amy and explores the rich nuances of family and family relationships. Back

12 HTML Images Digunakan untuk menampilkan gambar pada website Pada HTML menggunakan tag <img src= > <img src= udinus.jpg width= 104 height= 104 >

13 Latihan

14 Latihan Little Women by Louisa May Alcott Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. The story is based the childhood experiences Alcott shared with her real life sisters, Anna, May and Elzabeth.

15 Content Element Paragraphs <p>, preformatted sections <pre>, line break <br> Grouping elements <div>, <header>, <nav>, <section>, <hr> Phrase elements <em>,<strong>,<abbr>,<blockquote> Lists unordered list : <ul> and <li> ordered list : <ol> and <li>

16 Comments Use   <p>my first paragraph</p>

17 Latihan BIODATA MAHASISWA UDINUS Photo Nama : Russell Tempat Tanggal Lahir : London, 11 November 2014 Jurusan : Teknik Informatika Fakultas : Ilmu Komputer

18 Latihan Buat short story dilengkapi gambar, cerita berparagraf, dan tampilan sebagai berikut. Short Story : title IMG part one part two part three part -N Part One Next Part Two Back Next Part Three Back Next

19 Latihan Buat html tentang berita (seperti contoh) Minimal 3 paragraf Situs dilengkapi dengan link. Minimal 2 link

dokumen-dokumen yang mirip

Teknik Informatika D3

Teknik Informatika D3 Pengembangan Sistem E-Commerce Pengenalan E-Commerce dan HTML 5 Disusun Oleh: Egia Rosi Subhiyakto, M.Kom, M.CS Teknik Informatika UDINUS egia@dsn.dinus.ac.id +6285740278021 AGENDA