Anda di halaman 1dari 10

BAB 1I

PEMROGRAMAN HTML
(Hyper Text Markup Language)
Part 1
Oleh:
M. Ade Erik, S.Pd.
NIP. 19870911 2010 01 1006
Doc versi: 02.00.01.01/TIK/XI-1/2010-2011

TEKNOLOGI INFORMASI DAN KOMUNIKASI


SMA NEGERI 1 TEGAL
2010
Struktur HTML terdiri atas:
◦ <html>
 <head>
 </head>
 <body>
 </body>
◦ </html>
HTML Title
◦ HTML Title didefiniskan dengan tag <title>
dan diletakan pada bagian <head>
◦ Ex.
 <head>
 <title>This is Title</title>
 </head>
HTML Heading
◦ HTML Heading didefinisikan dengan tag
<h1> sampai <h6> dan diletakan pada bagian
<body>
◦ Ex.
 <h1>This is a heading 1</h1>
 <h2>This is a heading 2</h2>
 <h3>This is a heading 3</h3>
 <h4>This is a heading 4</h4>
 <h5>This is a heading 5</h5>
 <h6>This is a heading 6</h6>
HTML Paragraph
◦ HTML Paragraph didefinisikan dengan tag <p>
dan diletakan pada bagian <body>
◦ Ex.
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
HTML Links
◦ HTML Links didefinisikan dengan tag <a> dan
diletakan pada bagian <body>
◦ Ex.
 <a href="http://www.sman1-tegal.sch.id">This is a
link</a>
HTML Images
◦ HTML Images didefinisikan dengan tag <img>
◦ Ex
 <img src=“logo.jpg" width="104“ height="142" />
HTML Line Break
◦ HTML Line Break didefinisikan dengan tag
<br/>
◦ Ex.
 Test<br/>Line Break 1<br/>LineBreak2
HTML Horizontal Line
◦ HTML Horizontal Line didefinisikan dengan
tag <hr/> dan diletakan pada bagian <body>
◦ Ex
 Horizontal <hr/> Line
HTML Comment
◦ HTML Comment didefiniskan dengan tag <!--
> dan diletakan pada bagian <body>
◦ Ex
 <!-- This is a comment -->
Buatlah contoh halaman web seperti
diatas dengan menggunakan notepad ++
Save dengan nama dan ektensi file “
sample1.html “
Sourcecode dari sample1.html dibuka dengan
notepad++