Website Tutorial Part 1 HTML

HTML Editors

well there are a couple of editors that you can use like:

I will be using notepad++

DTD’S
HTML/XHTML/HTML5 have different Doctype Definitions (DTD’s) to be identified by browsers. For standards compliant HTML a web page needs a valid DTD (at the top of the html page). HTML 4.01 strict DTD :

<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

For information on valid DTD’s, see http://www.w3.org/QA/2002/04/valid-dtd-list.html.

Tags

(example: <tag> signifies the begenning of an element’s section and a closing tag (example: </tag> is signifies the end of an element’s section. Here’s an example of a how a paragraph element tag would be used:

<p>Welcome to my webpage</p>

For some tags, the element does not need to surround or encompass any content. In those cases, it is not necessary to have both an opening and closing tag. Instead, a shorthand is available to close out the tag. It consists only of a forward slash and a closing angle bracket. An example of it’s usage can be seen in image element tag:<img src=”my_image.jpg” />

Text

Formatting Tag ↓ Formatting Name ↓ Description ↓ Example ↓ Output ↓
<p> Paragraph Designates the beginning and ending of a paragraph <p>This is my paragraph</p> This is my paragraph
<b> Bold Makes the tagged font bold. <b>This is my paragraph</b> This is my paragraph
<i> Italics Italicizes the tagged font. <i>This is my paragraph</i> This is my paragraph
<u> Underline Underlines the tagged font. <u>This is my paragraph</u> This is my paragraph
<ul> Unorganized List Creates a bulleted list. MUST be coupled with the <li> tag <ul>
<li>List item 1</li>
<li>List item 2</li>

</ul>

  • List item 1
  • List item 2
<ol> Organized List Creates a numbered list. MUST be coupled with the <li> tag <ol>
<li>List item 1</li>
<li>List item 2</li>

</ol>

  1. List item 1
  2. List item 2
<li> Organized List Creates a numbered list. MUST be coupled with either the <ul> or <ol> tags <ol>
<li>List item 1</li>
<li>List item 2</li>

</ol>

  1. List item 1
  2. List item 2

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>