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++
