You are on page 1of 9

<html> <head>

<title>page name</title>

Tags (Use under head)

Action
(title of the page) (Fav. file connect) (Keep Robot Away) (CSS File connect) (Function of SEO) (organization des.) (need to know) (About author) (JavaScript files connect)

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <meta name="robots" content="no-cache" /> <link href=".CSS file address" rel="stylesheet" type="text/css"> <meta name="keywords" content="keywords, keywords" />

<meta name="description" content="About organigation (in short)"/> <meta http-equiv="Content-type" content="text/html; charset=utf8" /> <meta name="author" content=" authors name/designation" />

</head> <body>

<script type="text/javascript" src=".js"></script>

Tags (Use under body)


<h1> </h1>,<h2> </h2>,<h3> </h3>,<h4> </h4>,<h5> </h5>,<h6> </h6> <h1> </h1> to <h6> </h6> <p> </p> <a href="http://www.url.com">link name</a> <br /> <img src="img name.jpg" width="Value" height="Value" />

Action
Headlines of paragraph 6 types To Start a Paragraph To create a link (ref) To add a image To start a new line

<p><font size="5" face="arial/Verdana" color="red">your text here</font></p> &nbsp <marquee bgcolor=orange> Moving Text </marquee>

To make a space To move the text

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

</body>

</html>

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

HTML Element Syntax An HTML element starts with a start tag / opening tag An HTML element ends with an end tag / closing tag The element content is everything between the start and the end tag Some HTML elements have empty content Empty elements are closed in the start tag Most HTML elements can have attributes HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value"

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

HTML 4.01 / XHTML 1.0 Reference (Ordered Alphabetically)


DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset Tag <!--...--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area /> <b> <base /> <basefont /> <bdo> <big> <blockquote> <body> <br /> <button> <caption> <center> <cite> <code> <col /> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <fieldset> <font> <form> <frame /> <frameset> <h1> to <h6> <head> <hr /> <html> <i> <iframe> Description Defines a comment Defines the document type Defines an anchor Defines an abbreviation Defines an acronym Defines contact information for the author/owner of a document Deprecated. Defines an embedded applet Defines an area inside an image-map Defines bold text Defines a default address or a default target for all links on a page Deprecated. Defines a default font, color, or size for the text in a page Defines the text direction Defines big text Defines a long quotation Defines the document's body Defines a single line break Defines a push button Defines a table caption Deprecated. Defines centered text Defines a citation Defines computer code text Defines attribute values for one or more columns in a table Defines a group of columns in a table for formatting Defines a description of a term in a definition list Defines deleted text Defines a definition term Deprecated. Defines a directory list Defines a section in a document Defines a definition list Defines a term (an item) in a definition list Defines emphasized text Defines a border around elements in a form Deprecated. Defines font, color, and size for text Defines an HTML form for user input Defines a window (a frame) in a frameset Defines a set of frames Defines HTML headings Defines information about the document Defines a horizontal line Defines an HTML document Defines italic text Defines an inline frame DTD STF STF STF STF STF STF TF STF STF STF TF STF STF STF STF STF STF STF TF STF STF STF STF STF STF STF TF STF STF STF STF STF TF STF F F STF STF STF STF STF TF

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

<img /> <input /> <ins> <isindex> <kbd> <label> <legend> <li> <link /> <map> <menu> <meta /> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param /> <pre> <q> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <u> <ul> <var> <xmp>

Defines an image Defines an input control Defines inserted text Deprecated. Defines a searchable index related to a document Defines keyboard text Defines a label for an input element Defines a caption for a fieldset element Defines a list item Defines the relationship between a document and an external resource Defines an image-map Deprecated. Defines a menu list Defines metadata about an HTML document Defines an alternate content for users that do not support frames Defines an alternate content for users that do not support client-side scripts Defines an embedded object Defines an ordered list Defines a group of related options in a select list Defines an option in a select list Defines a paragraph Defines a parameter for an object Defines preformatted text Defines a short quotation Deprecated. Defines strikethrough text Defines sample computer code Defines a client-side script Defines a select list (drop-down list) Defines small text Defines a section in a document Deprecated. Defines strikethrough text Defines strong text Defines style information for a document Defines subscripted text Defines superscripted text Defines a table Groups the body content in a table Defines a cell in a table Defines a multi-line text input control Groups the footer content in a table Defines a header cell in a table Groups the header content in a table Defines the title of a document Defines a row in a table Defines teletype text Deprecated. Defines underlined text Defines an unordered list Defines a variable part of a text Deprecated. Defines preformatted text

STF STF STF TF STF STF STF STF STF STF TF STF TF STF STF STF STF STF STF STF STF STF TF STF STF STF STF STF TF STF STF STF STF STF STF STF STF STF STF STF STF STF STF TF STF STF

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

Optional Attributes
DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Attribute align Value left right center justify Description Deprecated. Use styles instead. Specifies the alignment of the content inside a div element DTD TF

The <div> tag supports the following standard attributes: Attribute class dir id lang style title xml:lang Value classname rtl ltr id language_code style_definition text language_code

Standard Attributes

Description Specifies a classname for an element Specifies the text direction for the content in an element Specifies a unique id for an element Specifies a language code for the content in an element Specifies an inline style for an element Specifies extra information about an element Specifies a language code for the content in an element, in XHTML documents

DTD STF STF STF STF STF STF STF

The <div> tag supports the following event attributes: Attribute onclick ondblclick onmousedown onmousemove onmouseout onmouseover onmouseup onkeydown onkeypress onkeyup Value script script script script script script script script script script Description

Event Attributes

DTD STF STF STF STF STF STF STF STF STF STF

Script to be run on a mouse click Script to be run on a mouse double-click Script to be run when mouse button is pressed Script to be run when mouse pointer moves Script to be run when mouse pointer moves out of an element Script to be run when mouse pointer moves over an element Script to be run when mouse button is released Script to be run when a key is pressed Script to be run when a key is pressed and released Script to be run when a key is released

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

HTML Text Formatting Tags


Tag <b> <big> <em> <i> <small> <strong> <sub> <sup> <ins> <del> Description Defines bold text Defines big text Defines emphasized text Defines italic text Defines small text Defines strong text Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text

HTML "Computer Output" Tags


Tag <code> <kbd> <samp> <tt> <var> <pre> Tag <abbr> <acronym> <address> Description Defines computer code text Defines keyboard text Defines sample computer code Defines teletype text Defines a variable Defines preformatted text Description Defines an abbreviation Defines an acronym Defines contact information for the author /owner of a document Defines the text direction Defines a long quotation Defines a short quotation Defines a citation Defines a definition term

HTML Citations, Quotations, and Definition Tags

<bdo> <blockquote> <q> <cite> <dfn>

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

Others tutorial important


FIELDSET AND LEGEND TAG
Fieldset is an element used for drawing an outline or boxes around the field elements in the html page. Legend tag is used as a caption for fieldset element. Example Code:
<fieldset> <legend>Details</legend> Name <input type="text" size="10" /> Age <input type="text" size="3" /> </fieldset>

This example shows drawing an outline box with "Details" as caption using legend tag. Size of the outline box can be adjusted by resizing the width. Example Code:
<fieldset style="width:220" align="center"> <legend>Details</legend> Name <input type="text" size="10" /> Age <input type="text" size="3" /> </fieldset>

STRIKE TAG
<strike> </strike> Any text given in between this tags will appear striked Example: <strike> This is striked text </strike> Result: This is striked text

For bullet list go to http://www.hscripts.com/tutorials/html/bullet-styles.php

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN

TABLE TAG
<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Result:

HTML TUTORIAL - DESIGNED BY MD. MEHDI HASAN