Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

PENGANTAR HTML Khafiizh Hastuti.

Presentasi serupa


Presentasi berjudul: "PENGANTAR HTML Khafiizh Hastuti."— Transcript presentasi:

1 PENGANTAR HTML Khafiizh Hastuti

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 <h1>Heading 1</h1>
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 Little Women Tulis dalam html
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.

8 HTML Paragraphs <p>My Paragraph</p>
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 <a href=“second.html”>Second Page</a>
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 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 <img src=“udinus.jpg” width=“104” height=“104”>
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 BIODATA MAHASISWA UDINUS
Latihan BIODATA MAHASISWA UDINUS Nama : Russell Tempat Tanggal Lahir : London, 11 November 2014 Jurusan : Teknik Informatika Fakultas : Ilmu Komputer Photo

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

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


Download ppt "PENGANTAR HTML Khafiizh Hastuti."

Presentasi serupa


Iklan oleh Google