basic tag
Post on 21-Jan-2016
33 Views
Preview:
DESCRIPTION
TRANSCRIPT
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>
• HEADBagian 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.
• BODYDocument body di gunakan untuk menampilkan text, image link dansemua yang akan di tampilkan pada web page.<body bgcolor="blue"><h3> COBA COBA 1</h3></body>
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>
HASILNYA
Basic HTML Element• PARAGRAF (P)
<h2>INTERNET</h2><p>
Internet merupakan jaringan global yang menghubungkan suatunetwork dengan network lainya di seluruh dunia, TCP/IP menjadiprotocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
</p>
<p>World Wide Web (WWW) merupakan bagian dari internet yang palingcepat berkembang dan paling populer
</p>
<p>Protocol standard aturan yang di gunakan untuk berkomunikasipada 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 SQUAREDISCCIRCLE
Bullet KotakBullet TitikBullet 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)
HASILNYA
ATTRIBUTE
• Pilihan jenis bulletTag Attribute Value Description
<OL> TYPE IiAa
Upper RomanLower RomanUpercaseLowercase
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>HyperText Markup Langguage is not LanguageProgramming</dd></dt>
<dt>HTTP<dd>HyperText Transfer Protocol is TCP/IPProtocol</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><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>
HASILNYA
QUIZ
1. ALIGNMENTAlign attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text, object, image, paragraph, division dan lain-lain.
QUIZ2. Physical Formatting1. Bold text2. Italic text3. Underline Text4. Untuk ukuran yang lebih besar dari normal5. Untuk ukuran yang lebih kecil dari normal6. Untuk memberi garis di tengah text7. Superscript text8. Subscript text9. Center document
QUIZ
3. Logical Formatting1.Text miring / <I>2.Text tebal / <B>3.Mencoret text / <STRIKE>4.Underline text / <U>
QUIZ
4. Hyperlink Misalkan ada dua document html link1.html
dan link2.html untuk membuat link dari link1.htm ke link2.htm
top related