Learn How to Write HTML

You can learn how to write HTML without advanced HTML training. HTML, or Hypertext Markup Language, is the code that helps to display text on Web pages. It is written using elements. Each element has a start tag and an end tag, and usually contains text between the tags. HTML code is not case sensitive. It can be written in all lowercase or all uppercase. It can even be written in combination of both. 

How HTML Tags Work
An element containing a link looks like this:

<a href="index.htm">Home Page</a>

The start tag is <a href="index.htm">. It tells the browser the location of a new page. The words "Home Page" are a description of the link, so that the reader will know where the link goes. The end tag of this element is </a>. This closes the command and tells the browser to look for the next command. Without that closing tag, all of the text on a page would be a link. One of the most important lessons to learn is that tags must be closed, with the exception of the break tag (<br>), the only HTML tag that stands alone.

Common HTML Elements

  • <p>your text</p>: This element creates a paragraph.
  • <img src="yourimage.jpg"></img> This element inserts an image into the Web page. The image must be stored somewhere online to be displayed.
  • <b>your text</b>: This element creates bold text. You can use <i></i> for italic text or <u></u> to underline text.

Some elements are nested, such as the table elements. This example makes a table with one row and one column.

<table> <!---This is the opening tag of the table--->

<tr> <!---This creates a row in the table--->

<td><!---This creates a column in the table--->

            <img src="yourimage.jpg"> <!---This puts a picture in this particular location in the table--->

</td> <!---This ends the first column-->

</tr><!---This ends the first row--->

</table><!---This tells the browser that there are no more rows and columns in the table--->

<!---This is a remark.---> When this is used in coding, the browser that is translating the code will ignore anything in these marks. These marks are used by a programmer to write notes or to describe the actions taking place in a section of code.

Mandatory Tags
When writing code for a page, each page must have certain things at the beginning and end of the page. If you use HTML software for coding, these elements are usually supplied automatically. The following example shows how to start and close a page.

<html> <!---Tells the browser that HTML coding is being used--->

<body> <!---Tells the browser that what follows is the main body of the page (as opposed to the header or footer)--->

<p>This is my first paragraph</p> 

</body> <!---This tells the browser that this is the end of the page--->

</html> <!---This tells the browser that there is no more HTML code to read on this particular page--->

There are also formatting elements that can be used in combination with certain tags.

The align tag can appear inside a <p> or <img> tag. The possible values are left, right and center. For example, <p align="center"> will center all the text inside of <p> tags. This formatting remains until it is changed by another tag, as in <p align="left">. Simply closing a paragraph with a </p> won't change the formatting.

In image tags, align="left" and align="right" allow you to insert an image into a paragraph and have the text wrap around it. This gives a more professional look to your Web pages.

Related Life123 Articles

You hear the phrase all the time, but what does HTML stand for? Find out how this simple code makes the Internet work.

What does HTML mean anymore? With the advent of multiple alternative Web programming languages, is HTML still relevant?

Frequently Asked Questions on Ask.com
More Related Life123 Articles

A simple set of tags helps to answer the question, "How does HTML work?"

Ask most people, "What is HTML?" and they'll tell you it's a language for page design. In reality, this is far from the truth.

The HTML definition changes over time as technology improves and new ways of using the Web emerge. Learn where you can find information about the latest HTML standards.

© 2014 Life123, Inc. All rights reserved. An IAC Company