HTML Tutorials - Basic things you need to know
This article introduces you to the basics of HTML (Hyper text markup language).
Firstly all HTML files should be saved with ".html" extension, you don't need any application to run an HTML code, all you need is your Web Browser and Notepad.
Now open your Notepad and start something amazing today (Don't forget to save with ".html" extension).
Tag Description
<html> Defines an HTML document
<body> Defines the document's body
<h1> to <h6> Defines header 1 to 6
<!-- --> Defines a comment
<p> Defines a paragraph
<br/> Inserts a single line breaks
<hr/> Defines a horizontal rule(line)
TEXT FORMATTING TAGS
Tag Description
<b> Defines bold text
<big> Defines big text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines small text
<strong> Defines strong text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<s> Deprecated. Use <del> instead
<strike> Deprecated. Use <del> instead
<u> Deprecated. Use styles instead
"COMPUTER OUTPUT" TAGS
Tag Description
<code> Defines computer code text
<kbd> Defines keyboard text
<samp> Defines sample computer code
<tt> Defines teletyped text
<var> Defines a variable
<pre> Defines preformatted text
<listing> Deprecated. Use <pre> instead
<plaintext> Deprecated. Use <pre> instead
<xmp> Deprecated. Use <pre> instead
CITATIONS, QUESTIONS AND DEFINITION TAGS
Tag Description
<abbr> Defines an abbreviation
<acronym> Defines an acronym
<address> Defines an address element
<bdo> Defines the text direction
<blockquote> Defines a long quotation
<q> Defines a short quotation
<cite> Defines a citation
<dfn> Defines a definition term
To link an external Website: <a href="http://www.oracuscomputers.com"> Visit our Website</a>
<!---This would display "Visit our Website" on the user's browser, and when clicked, redirects the user to the link "http://www.oracuscomputers.com" --->
To insert an image: <img src="image.jpg" width="122" height="47" />
<!--- image.jpg indicates the name of the image you want to use, width is defined to be 122px and height is defined to be 47px --->
Note: Any image used should be saved in the same folder your Html document is saved
Now that you've learnt the basics of HTML, try out your first Website.
Hint:
<html>
<title> My First Website </title>
</html>
READ ALSO: A Brief Introduction to HTML
