Example HTML File

<?xml version="1.0" encoding ="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/​xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/​1999/xhtml" xml:lang="en">

<!-- The head section contains information about the formatting of the document that is not part of the document content. This section begins with <head> and ends with </head> -->


<!-- The title is a required element of the head section, but it is not displayed as part of the document. You must add a heading in the body section to display the title. -->

<title>My Title</title>

<!-- CSS style properties can be added to the document by either linking to an external file using the link command or by placing the desired style rules between <style> tags. The style rules consist of a selector that determines the element to which the style will be applied followed by properties inside matching braces. The selector can be an HTML element like the heading h1 or can be a class definition like .left. The class can be applied to an element by adding the statement class="left" inside the opening tag, e.g., <p class="left">. -->

<link href="style.css" rel="stylesheet" type="text/css" />


h1 {font-size: 30; margin-bottom: 20;}

p {margin-bottom: 20px;}

.left {text-align: left;}

.noind {text-indent: 0;}



<!-- The body section contains the content of the document. HTML tags are added to organize the material and to display it properly. -->


<!-- HTML Content goes here. -->

<!-- A named div around a section heading allows you to link to that section from somewhere else in the document by means of a tag of the form <a href="#intro">Displayed Text</a> (intro is the name of the bookmark). -->

<div id="intro"><h1>Introduction</h1></div>

<p>This is a paragraph. <b>This text will be bold.</b> <i>This text will be italic.</i> <u>This text will be underlined.</u></p>

<p class="left"> This paragraph is aligned left which disables the default full justification and produces a ragged right margin.</p>

<p class="noind">This paragraph doesn't have any first line indent.</p>

<blockquote>This paragraph is normally indented on the left and the right by giving it larger margins. For greater control you can assign CSS properties margin-left and margin-right to blockquote. </blockquote>

<!-- The following is an unordered (bulleted) list. To obtain an ordered (numbered) list replace ul by ol -->


<li> list item 1</li>

<li> list item 2</li>

<li> list item 3</li>