Learning the Basics of Writing Web Page Content in HTML

If you want to build web page content, you should get to know the HTML tags below:



H1

Code Syntax

<h1>Heading Text</h1>

Browser Display

Heading Text




H2

Code Syntax

<h2>Heading Text</h2>

Browser Display

Heading Text




H3

Code Syntax

<h3>Heading Text</h3>

Browser Display

Heading Text




P

Code Syntax

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

Browser Display

This is a Paragraph.




IMG

Code Syntax

<img src="http://www.vwd-cms.com/Images/logo-medium.gif" width="172" height="172" style="border:none;" alt="VWD-CMS for Visual Web Developer Websites"/>

Browser Display

VWD-CMS for Visual Web Developer Websites


A

Code Syntax

<a href="http://www.vwd-cms.com/index.aspx" title="VWD CMS for ASP.NET Websites">Link to the VWD-CMS Site</a>

Browser Display

Link to the VWD-CMS Site


OL, UL, and LI

Code Syntax

<ol>
<li>ordered list item 1</li>
<li>ordered list item 2</li>
<li>ordered list item 3</li>
</ol>

Browser Display

  1. ordered list item 1
  2. ordered list item 2
  3. ordered list item 3


Code Syntax

<ul>
<li>unordered list item 1</li>
<li>unordered list item 2</li>
<li>unordered list item 3</li>
</ul>

Browser Display

  • unordered list item 1
  • unordered list item 2
  • unordered list item 3



BR

Code Syntax

this text has a break here<br/>and continues on the next line

Browser Display

this text has a break here
and continues on the next line


DIV

Code Syntax

<div>div text or contained HTML tags</div>

Browser Display

div text or contained HTML tags



TABLE, TR, and TD

Code Syntax

<table border="1" cellpadding="2" cellspacing="2">
<tr>
<td>Table Row 1, Column 1</td>
<td>Table Row 1, Column 2</td>
</tr>
<tr>
<td>Table Row 2, Column 1</td>
<td>Table Row 2, Column 2</td>
</tr>
</table>

Browser Display

Table Row 1, Column 1 Table Row 1, Column 2
Table Row 2, Column 1 Table Row 2, Column 2