Scribd
Upload
55 views5 pages

Praktikum - 1 Topik "Pengenalan HTML" Pemrograman Web Petunjuk

The document provides instructions and examples for basic HTML tags such as headings, paragraphs, and links to demonstrate foundational concepts in web programming. It includes code samples to create headings of different sizes, format paragraphs, add links to other pages and emails, and set other link properties. The goal is to introduce fundamental HTML markup structures.

Uploaded by

Eka Puji R. Lestari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
55 views5 pages

Praktikum - 1 Topik "Pengenalan HTML" Pemrograman Web Petunjuk

The document provides instructions and examples for basic HTML tags such as headings, paragraphs, and links to demonstrate foundational concepts in web programming. It includes code samples to create headings of different sizes, format paragraphs, add links to other pages and emails, and set other link properties. The goal is to introduce fundamental HTML markup structures.

Uploaded by

Eka Puji R. Lestari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

PRAKTIKUM – 1

Topik "Pengenalan HTML"


Pemrograman Web

Petunjuk:
1. Kerjakan percobaan dibawah ini.

1. HTML Headings:
<!DOCTYPE html>
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

2. HTML Paragraph:

<!DOCTYPE html>
<html>
<head>
<title>Paragraph</title>
</head>
<body>
<p>This is first paragraph.</p>
<p>This is second paragraph.</p>
<p>This is third paragraph.</p>
</body>
</html>
-------------------------------------------------------------------------------------------
<html>
<body>

<p>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.


My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.


</p>

<p>Note that your browser ignores the layout!</p>

</body>
</html>

<html>
<body>

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>

<p>
The number of lines in a paragraph depends on the size of your browser window. If you
resize the browser window, the number of lines in this paragraph will change.
</p>

</body>
</html>

3. HTML Link:
<html>
<body>
<a href="http://www.eepis-its.edu.com">This is a link to EEPIS</a>
</body>
</html>

<html>
<body>

<p>Create a link of an image:


<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" width="32" height="32" />
</a></p>

<p>No border around the image, but still a link:


<a href="default.asp">
<img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32" />
</a></p>

</body>
</html>

<html>
<body>

<p>
<a href="#C4">See also Chapter 4.</a>
</p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>


<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

<html>

<body>

<p>Locked in a frame?</p>
<a href="http://www.eepis-its.edu/" target="_top">Click here!</a>

</body>
</html>
<html>
<body>

<p>
This is an email link:
<a href="mailto:someone@example.com?Subject=Hello%20again">
Send Mail</a>
</p>

<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the
browser will display the text properly.
</p>

</body>
</html>

<html>
<body>

<p>
This is another mailto link:
<a
href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeon
eelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%
20a%20big%20summer%20party!">Send mail!</a>
</p>

<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the
browser will display the text properly.
</p>

</body>
</html>

You might also like