Minggu, 06 Januari 2013

HTML BASIC

HTML BASIC

Source Code:

Result:


<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

My First Heading


My first paragraph.

<!DOCTYPE html>
<html>
<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>

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

This is a paragraph.
This is a paragraph.
This is a paragraph.

<!DOCTYPE html>
<html>
<body>

<a href="http://calonprogramerindonesia.blogspot.com">
This is a link</a>

<a href="http://calonprogramerindonesia.blogspot.com" target="_blank">Visit W3Schools.com!</a>
<p>If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p>
</body>
</html>

This is a link

Visit CalonProgramerIndonesia.com!

If you set the target attribute to "_blank", the link will open in a new browser window/tab.


<!DOCTYPE html>
<html>
<body>

<img src="html.jpg" width="204" height="142">

</body>
</html>


<!DOCTYPE html>
<html>
<body>

<p>The hr tag defines a horizontal rule:</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>

</body>
</html>

The hr tag defines a horizontal rule:


This is a paragraph


This is a paragraph


This is a paragraph


<!DOCTYPE html>
<html>
<body style="background-color:PowderBlue;">

<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
<h1>Look! Styles and colors</h1>
<p style="font-family:verdana;color:red;">
This text is in Verdana and red</p>
<p style="font-family:times;color:green;">
This text is in Times and green</p>
<p>This is<br>a para<br>graph with line breaks</p>
<p style="font-size:30px;">This text is 30 pixels high</p>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body>
</html>

This is a heading

This is a paragraph.

Center-aligned heading

This is a paragraph.

A heading

A paragraph.

Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This is
a para
graph with line breaks

This text is 30 pixels high

This text is bold

This text is strong

This text is italic

This text is emphasized

This is computer output

This is subscript and superscript

Tidak ada komentar:

Posting Komentar