Posts

Marquee Tag

The HTML <marquee> tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings. This is marquee tag effect

Font Tag < font >

Image
Font Tag <font></font>:- The <font> tag specifies the font face, font size, and color of text. Syntax:- <font face="font name"  size="value form 1 to 7"  color="color name"> text!</font> Attributes:- Attribute Value Description color rgb(x,x,x) #xxxxxx colorname Specifies the color of text face font_family Specifies the font of text size number Specifies the size of text Example:- <html> <head> <title>Index | Font Tag </title> <head> <body bgcolor="lightblue" text="black"> <!-- example of formatting tags  --> <h2>Text formatting Tags</h2> <b> - Bold text</b><br> <strong> - Important text</strong><br> <i> - Italic text</i><br> <e

Center Tag < center >

Image
Center Tag <center></center>:- The <center> tag is used to center-align text and tag. Syntax:- <center>text and tag</center> Example:- <html> <head> <title>Index | Center tag </title> <head> <body bgcolor="lightblue" text="black"> <!-- example of formatting tags  --> <h2>Text formatting Tags</h2> <b> - Bold text</b><br> <strong> - Important text</strong><br> <i> - Italic text</i><br> <em> - Emphasized text</em><br> <mark> - Marked text</mark><br> <small> - Small text<small><br> <del> - Deleted text</del><br> <ins> - Inserted text</ins><br> <sub> - Subscript text</sub><br> <sup> - Superscript text</sup><br> <center> <h4>Formatting Tags in the

Horizontal Rule Tag

Image
Horizontal Tag <hr>:- The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic). The <hr> element is used to separate content (or define a change) in an HTML page. Syntax:- <HR align="left |right center" size="pixels" width ="pixels or percentage " color ="color name"> Attributes of <hr> Tag:- Attribute Value Description align left center right Specifies the alignment of a <hr> element noshade noshade Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color size pixels Specifies the height of a <hr> element width pixels % Specifies the width of a <hr> element Example:- <html> <head> <title>Index | horizontal </title> <head> <body bgcolor="lightblue" text

Text Formatting Tags ( underline, bold, superscript, italic, emphasied)

Image
Text formatting tags :- HTML also defines special elements for defining text with a special meaning. HTML uses elements like <b> and <i> for formatting output, like bold or italic text. <b> - Bold text <strong> - Important text <i> - Italic text <em> - Emphasized text <mark> - Marked text <small> - Small text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text <u>- underline text Example:- <html> <head> <title>Index | HTML Text foramtting tags </title> <head> <body bgcolor="lightblue" text="black"> <!-- example of formatting tags  --> <h2>Text formatting Tags</h2> <b> - Bold text</b><br> <strong> - Important text</strong><br> <i> - Italic text</i><br> <em> - Emphasized text</em><br>

Heading Tag ( h1 to h6)

Image
Heading Tag <h1> to <h6>:- he <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines the least important heading. Syntax:- <heading number ALIGN="left | right | center">text here</heading number> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> Example:- <html> <head> <title>Index | HTML Heading </title> <head> <body bgcolor="lightblue" text="black"> <!-- pragraph tag--> <!-- heading is here --> <h1>Heading H1</h1> <!-- remember p tag keeps one line break itself as shown here--> <p>This program is free software; you can  redistribute it and/or modify it under

LIne Break Tag

Image
Line Break Tag <br> :- The <BR> is a singular tag used for inserting a line break.  Syntax:- <BR> Example:- <html> <head> <title>Index | HTML Comment </title> <head> <body bgcolor="lightblue" text="black"> <!-- pragraph tag--> <p>This program is free software; you can  redistribute it and/or modify it under the  terms of the GNU General Public License as  published by the Free Software Foundation;  either version 2 of the License, or (at your  option) any later version. </p> <br> <!-- here i have missed the p tag or paragraph tag--> This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR  PURPOSE.  See the GNU General Public License  for more details.  <!-- here i have keept two paragraph in one

Paragraph Tag

Image
Paragraph Tag:- The <p> tag is used for inserting a block of text in your page by creating a paragraph. It is a paired tag (i.e. <p>paragraph here</p>). Syntax: <p ALIGN="left | center | right | Justify"> text here</p> Example:- <html> <head> <title>Index | HTML Comment </title> <head> <body bgcolor="lightblue" text="black"> <!-- pragraph tag--> <p>This program is free software; you can  redistribute it and/or modify it under the  terms of the GNU General Public License as  published by the Free Software Foundation;  either version 2 of the License, or (at your  option) any later version. </p> <!-- here i have missed the p tag or paragraph tag--> This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;  without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PART

HTML Comment Tag

Image
Comment <!-- comment here --> :- Comment tag requires exclamation (!) symbol after opening bracket but not before the closing bracket. Example:- <html> <head> <title>Index | HTML Comment </title> <head> <body bgcolor="lightblue" text="black"> This sentence without html comment <!--This sentence with HTML comment --> <body> </html> The comment section in the html file is ignored by html code in the body section as show in the figure below:- To Download Example HTML File:- ClickHere