HTML codes

<meta http-equiv=”refresh” content=”number” /> : refresh the webpage every number seconds
<meta http-equiv=”refresh” content=”number;url=webpageaddress” /> : refresh the webpage after number of seconds and redirect to webpageaddress

<title>webpagetitle</title> : display the webpagetitle

<h1>heading<h1> : put heading in HTML
* there are 6 diffrent type of headings in HTML

<p>paragraph</p> : add paragraph

<br /> : add line break

<center><p1>centertext</p1></center> : make the centertext at the center of the paragraph
<p>&nbsp;text</p> : make a non-breaking space before text in paragraph

<pre>text</pre> : display the text just the way it is in HTML editor

<hr /> : make a horizontal line

<p><b>boldtext</b></p> : put the boldtext in bold in the paragraph
<p><i>italictext</i></p> : put the italictext in italic in the paragraph
<p><u>underlinedtext</u></p> : put the underlinedtext in underlined in the paragraph

<p><strike>strikedtext</strike></p> : strikethrough the strikedtext in paragraph
<p>text<sup>superscripttext</sup></p> : superscript the superscripttext after text in paragraph
<p>text<sub>subscripttext</sub><p> : subscript the subscripttext after text in paragraph

<p><big>bigtext</big></p> : put bigtext as big text in paragraph
<p><small>smalltext</small></p> : put smalltext as small text in paragraph

<p><em>emphasizedtext</em></p> : put the emphasizedtext in emphasized mode in paragraph
<p><strong>strongtext</strong></p> : put the strongtext in strong mode in paragraph

<blockquote>wholetext</blockquote> : indent the wholetext
<q>wholetext</q> : quote, put the double apostrophe to the wholetext

<!– commenttext –> : put commenttext HTML comment

<font size=”number“>text</p></font> : the text in paragraph will be display in the number of font size
<font color=”thecolor“><p>text</p></font> : the text will be display in the paragraph in thecolor of font color
<font face=”style“><p>text</p></font> : the text in paragraph will be display in style of font face

<img src=”imagefile” height=”percent1” width=”percent2” /> : display imagefile image with percent1 height and percent2 width

<a href=”webaddress“>text</a> : anchor link text to the webaddress external link

<a href=”#anchoredtext“>text1</a>
<a name=”anchoredtext“>text2</a> : the href #anchoredtext of text1 will be anchored to name anchoredtext which will display the text2 contents

<a href=”webpageaddress“>
<img src=”picturefile” height=”percentheight” width=”percentwidth” />
</a> : link the picturefile with percentheight height and percentwidth width to webpageaddress

<a href=”mailto:emailaddress?subject=topic&body=message“>
<p>text</p></a> : send e-mail with subject topic and message to emailaddress, display text

<ol>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ol> : put text1, text2, text3 under numbered type of ordered list

<ol type=”a“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ol> : put text1, text2, text3 under lowercase alphabet type of ordered list

<ol type=”A“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ol> : put text1, text2, text3 under uppercase alphabet type of ordered list

<ol type=”i“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ol> : put text1, text2, text3 under roman letter type of ordered list

<ol type=”I“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ol> : put text1, text2, text3 under roman letter type of ordered list

<ul>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ul> : put text1, text2, text3 under unordered list using disc type of character

<ul type=”disc“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ul> : put text1, text2, text3 under unordered list using disc type of character

<ul type=”square“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ul> : put text1, text2, text3 under unordered list using square type of character

<ul type=”circle“>
    <li>text1</li>
    <li>text2</li>
    <li>text3</li>
</ul> : put text1, text2, text3 under unordered list using circle type of character

<dl>
    <dt>term</dt>
    <dd>description</dd>
</dl> : put the term and its description under definition list

<audio controls>
    <source src=”audiofile” type=”audio/format” />
    <p>errormessage</p>
</audio> : put audiofile with audio format type into HTML audio control panel,
if the browser did not support the audiofile audio format, display the errormessage text

<video width=”numberofpixel1” height=”numberofpixel2” controls>
    <source src=”videofile” type=”video/format” />
    <p>errormessage</p>
</video> : put videofile with video format type  with numberofpixel1 width and numberofpixel2 height into video control panel, if the browser does not support the file or feature, display errormessage text

<table border=”numberofpixel1” cellpadding=”numberofpixel2” cellspacing=”numberofpixel3“>
    <tr>
        <th>headertext</th>
    </tr>
    <tr>
        <td>descriptiontext</td>
    </tr>
</table> : add a table with border of numberopixel1, cellpadding of numberofpixel2, cellspacing of numberofpixel3, and first table row headertext in bold, second table row with descriptiontext

bgcolor=”colortext : set HTML backgroundcolor with colortext

inputtext<input type=”text” name=”firsttext” /> : input firsttext with input type of text

<input type=”radio” name=”radiotext” value=”anyvalue” /> : inp radiotext with anyvalue value with input type of radio

password:<input type=”password” name=”password” /> : input password with hidden text characters

longtext:<textarea name=”writearea“> </textarea> : input writearea with long text

text <input type=”checkbox” name=”textcheckbox” value=”test1” /> : input textcheckbox with checkbox type of input with value test1

<input type=”file” name=”file1″ /> : input new file

<input type=”submit” value=”submitform” /> : submit the form, display submitform text button

selectyear : <select name=”year“>
                <option value=”1990″>1990</option>
                <option value=”1991″>1991</option>
            </select> : select year from the option list

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s