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