PENGANTAR HTML Khafiizh Hastuti Objectives Basic HTML HTML
PENGANTAR HTML Khafiizh Hastuti
Objectives � Basic HTML � HTML headings � HTML paragraphs � HTML links � HTML images
HTML � Hyper. Text 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
HTML <html> <head> HTML </head> <body> <h 1>My First HTML</h 1> </body> </html>
HTML Headings � Heading pada HTML didefinisikan dengan <h 6> <h 1>Heading 1</h 1> <h 2>Heading 2</h 2> … <h 6>Heading 6</h 6> <h 1> sampai
Latihan � Write your name using heading (h 1 – h 6)
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.
HTML Paragraphs � Paragraf pada HTML bisa didefinisikan menggunakan <p> </p> <p>My Paragraph</p> <p>My Second Paragraph</p> <p>My Third Paragraph</p>
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.
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=www. w 3 schools. com>w 3 schools</a> Page 1 Page 2
Latihan Little Women Published in 1868, Little Women follows the lives, loves and tribulations of fours sisters growing up during the American Civil War. Next 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 by Louisa May Alcott
HTML Images � Digunakan untuk menampilkan gambar pada website � Pada HTML menggunakan tag <img src=“”> <img src=“udinus. jpg” width=“ 104” height=“ 104”>
Latihan
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.
Content Element � Paragraphs <p>, preformatted sections <pre>, line break � Grouping elements <div>, <header>, <nav>, <section>, <hr> � Phrase elements <em>, <strong>, <abbr>, <blockquote> � Lists unordered list : <ul> and <li> ordered list : <ol> and <li>
Comments �Use <!-- … --> <!---> <p>my first paragraph</p>
Latihan BIODATA MAHASISWA UDINUS Photo Nama : Russell Tempat Tanggal Lahir : London, 11 November 2014 Jurusan : Teknik Informatika Fakultas : Ilmu Komputer
Latihan � Buat short story dilengkapi gambar, cerita berparagraf, dan tampilan sebagai berikut. Part One …Next Short Story : title IMG • part one • part two • part three • part -N Part Two … Back | Next Part Three … Back | Next
Latihan � Buat html tentang berita (seperti contoh) � Minimal 3 paragraf � Situs dilengkapi dengan link. Minimal 2 link
- Slides: 19