CONTACT US
The Official Site of New York City - link to home
NYC Government Site
Tutorial Main Additional Tags Creating Lists Creating Links Graphics Tables Web Colors

Interactive HTML
Brief tutorial to help you create HTML documents for Web publishing.

Hypertext Markup Language (HTML) tags are used to describe the structure and the physical layout of a document. The following table identifies the bare minimum tags required to create a document. These tags alone are not the only tags that make up a page, but they are the starting point.

Tags: Description:
<html> . . . </html> The first layer identifies the document as being authored using HTML (rather than another authoring language, such as SGML). Like almost all HTML tags, there are tags to define a beginning and an end. As a consequence, a document that begins with <html> needs to end with </html>. All other tags used to define a document structure fit between these two tags.
The Header
<head> . . . </head> The second layer defines elements in the "header." There are limited HTML tags that can be used in the "header," most notably the document title.
<title> . . . </title> The title must be plain text, and the portion most frequently indexed by many search engines. As a consequence, titles should be descriptive and relevant, yet fit in the limited space available.
The Body
<body> . . . </body> The third layer, as the name implies, defines the body of the document.This is where the content (text, links, graphics, multimedia files, etc.) of your document will be defined.
<p> . . . </p> Defines the beginning and end of a paragraph of text. All text inside the paragraph tags is displayed as a paragraph block, with a blank space (full carriage return) preceding the text.
<br> The break tag allows you to insert a single carriage return in a document.Unlike most HTML tags, the break tag does not need a closing tag.

An Example

<html>
<head>
<title>This is the Title</title>
</head>
<body>
<p><h2>This is a heading</h2></p>
<br>
<p>This is the paragraph of the document.</p>
</body>
</html>

Practice
Now you can practice what you've learned.
Please type or Copy and Paste the example into the box below and click the "View HTML" button.

  

Next
2003 The New York City Department of Education
Privacy Policy | Disclaimer | Legal | Contact Us | Thank You
NYC Government Website    Mayor's Office | City Agencies | Services
News and Features | City Life | Contact NYC.gov