BASIC TAG html head title Belajar HTMLtitle head
BASIC TAG • <html> • <head> • <title> Belajar HTML</title> • </head> • <body bgcolor="blue"> • <h 3> COBA 1</h 3> • </body> • </html>
HASILNYA
STRUKTUR HTML • HTML Setiap document HTML harus di awali dan di tutup dengan tag HTML <HTML> </HTML> • HEAD Bagian header dari document HTML di apit oleh tag <HEAD></HEAD>di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. • BODY Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page. <body bgcolor="blue"> <h 3> COBA 1</h 3> </body>
Basic HTML Element Block Level Element Heading (H 1 sampai H 6) <html> <head> title>Heading Elements</title> </head> <body> <h 1>Heading one</h 1> <h 2>Heading two</h 2> <h 3>Heading three</h 3> <h 4>Heading four</h 4> <h 5>Heading five</h 5> <h 6>Heading six</h 6> </body> </html> •
HASILNYA
Basic HTML Element • PARAGRAF (P) <h 2>INTERNET</h 2> <p> Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. </p> <p> World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
HASILNYA
Basic HTML Element • List Item(LI) List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).
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>
HASILNYA
ATTRIBUTE • Pilihan jenis bullet Tag Attribute Value Description <UL> TYPE SQUARE DISC CIRCLE Bullet Kotak Bullet Titik Bullet Lingkaran
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>
HASILNYA
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>
HASILNYA
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>
HASILNYA
ATTRIBUTE • Pilihan jenis bullet Tag Attribute Value Description <OL> TYPE I i A a Upper Roman Lower Roman Upercase Lowercase Tag Attribute Value Description <OL> START n Begin number
Definition List • Tag untuk membuat definisi dalam kalimat <html> <head> <title>Definition List</title> </head> <body> <p><b>List of Internet Resource</b></p> <dl> <dt>HTML <dd>Hyper. Text Markup Langguage is not Language Programming</dd> </dt> <dt>HTTP <dd>Hyper. Text 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>
BREAK Page Format Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan carriage return.
FONT <html> <head> <title>Break Line</title> </head> <body> <h 3>Buliding Dynamic Web Aplication</h 3> <p> If you're building a dynamic web application, start by setting up an application server and connecting to a database. </p> </body> </html>
HASILNYA
QUIZ 1. ALIGNMENT Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain.
QUIZ 2. Physical Formatting 1. Bold text 2. Italic text 3. Underline Text 4. Untuk ukuran yang lebih besar dari normal 5. Untuk ukuran yang lebih kecil dari normal 6. Untuk memberi garis di tengah text 7. Superscript text 8. Subscript text 9. Center document
QUIZ 3. Logical Formatting 1. Text miring / <I> 2. Text tebal / <B> 3. Mencoret text / <STRIKE> 4. Underline text / <U>
QUIZ 4. Hyperlink Misalkan ada dua document html link 1. html dan link 2. html untuk membuat link dari link 1. htm ke link 2. htm
- Slides: 27