1 / 27

BASIC TAG

BASIC TAG. <html> <head> <title> Belajar HTML</title> </head> <body bgcolor ="blue"> <h3> COBA COBA 1</h3> </body> </html>. HASILNYA. STRUKTUR HTML. HTML Setiap document HTML harus di awali dan di tutup dengan tag HTML <HTML> </HTML> HEAD

doris
Télécharger la présentation

BASIC TAG

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. BASIC TAG • <html> • <head> • <title> Belajar HTML</title> • </head> • <body bgcolor="blue"> • <h3> COBA COBA 1</h3> • </body> • </html>

  2. HASILNYA

  3. STRUKTUR HTML • HTML Setiapdocument HTML harusdiawalidanditutupdengan tag HTML <HTML> </HTML> • HEAD Bagianheader dari document HTML diapitoleh tag <HEAD></HEAD>didalambagianinibiasanyadimuat tag TITLE yang menampilkanjuduldarihalamanpadatitlenya browser. • BODY Document body digunakanuntukmenampilkan text, image link dan semuayang akanditampilkanpada web page. <body bgcolor="blue"> <h3> COBA COBA 1</h3> </body>

  4. Basic HTML Element • Block Level Element Heading (H1 sampai H6) <html> <head> title>Heading Elements</title> </head> <body> <h1>Heading one</h1> <h2>Heading two</h2> <h3>Heading three</h3> <h4>Heading four</h4> <h5>Heading five</h5> <h6>Heading six</h6> </body> </html>

  5. HASILNYA

  6. Basic HTML Element • PARAGRAF (P) <h2>INTERNET</h2> <p> Internet merupakanjaringan global yang menghubungkansuatu network dengan network lainyadiseluruhdunia, TCP/IP menjadi protocol penghubungantarajaringan-jaringan yang beragamdiseluruhduniauntukdapatberkomunikasi. </p> <p> World Wide Web (WWW) merupakanbagiandari internet yang paling cepatberkembangdan paling populer </p> <p> Protocol standard aturan yang digunakanuntukberkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.

  7. HASILNYA

  8. Basic HTML Element • List Item(LI) List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).

  9. Unordered List (Bullet) <html> <head> <title>Unordered List</title> </head> <body> <P>Shedule for HTML Course</P> <ul> <li>Sunday</li> <li>Monday</li> <li>Tuesday</li> <li>Wednesday</li> </ul> </body> </html>

  10. HASILNYA

  11. ATTRIBUTE • Pilihan jenis bullet

  12. SQUARE <html> <head> <title>Unordered List</title> </head> <body> <P>Shedule for HTML Course</P> <ul type="square"> <li>Sunday</li> <li>Monday</li> <li>Tuesday</li> <li>Wednesday</li> </ul> </body> </html>

  13. HASILNYA

  14. CIRCLE <html> <head> <title>Unordered List</title> </head> <body> <P>Shedule for HTML Course</P> <ul type=“circle"> <li>Sunday</li> <li>Monday</li> <li>Tuesday</li> <li>Wednesday</li> </ul> </body> </html>

  15. HASILNYA

  16. Ordered List (Numbering) <html> <head> <title>Ordered List</title> </head> <body> <P>Shedule for HTML Course</P> <ol start="1" type="I"> <li>Sunday</li> <ol type="a"> <li>Introduction to HTML</li> <li>Creating List</li> </ol> <li>Monday</li> <ol type="A"> <li>Creating table</li> <li>Inserting Image</li> </ol> <li>Tuesday</li> <ol type="I"> <li>Creating Link</li> <li>Preparing Website</li> </ol> <li>Wednesday</li> </ol> </body> </html>

  17. HASILNYA

  18. ATTRIBUTE • Pilihan jenis bullet

  19. Definition List • Tag untukmembuatdefinisidalamkalimat <html> <head> <title>Definition List</title> </head> <body> <p><b>List of Internet Resource</b></p> <dl> <dt>HTML <dd>HyperText Markup Langguage is not Language Programming</dd> </dt> <dt>HTTP <dd>HyperText Transfer Protocol is TCP/IP Protocol</dd> </dt> <dt>Internet <dd>A network of network</dd> </dt> <dt>TCP/IP <dd>Internet protocol</dd> </dt> </dl> </body> </html>

  20. BREAK Page Format Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan carriage return.

  21. FONT <html> <head> <title>Break Line</title> </head> <body> <h3>Buliding Dynamic Web Aplication</h3> <p> If you're building a dynamic web application, <br> start by setting up an application server and <br> connecting to a database. </p> </body> </html>

  22. HASILNYA

  23. QUIZ 1. ALIGNMENT Align attribute digunakanuntukmenentukanperataan object dalamdocument HTML baikberupatext, object, image, paragraph, division dan lain-lain.

  24. QUIZ 2. Physical Formatting • Bold text • Italic text • Underline Text 4. Untukukuran yang lebihbesardari normal 5. Untukukuran yang lebihkecildari normal 6. Untuk memberi garis di tengah text 7. Superscript text 8. Subscript text 9. Center document

  25. QUIZ 3. Logical Formatting • Text miring / <I> • Text tebal / <B> • Mencoret text / <STRIKE> • Underline text / <U>

  26. QUIZ 4. Hyperlink Misalkan ada dua document html link1.html dan link2.html untuk membuat link dari link1.htm ke link2.htm

More Related