Posts

Showing posts from June, 2018

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    

Body tag < body > < / body>

Image
<body> tag:- The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. Attribute used in <body> tag:- Attribute Description BGCOLOR Specifies the background color of a document BACKGROUND Specifies a background image for a document TEXT Specifies the color of the text in a document LINK Specifies the color of un visited links in a document VLINK Specifies the color of visited links in a document ALINK Specifies the color of an active link in a document Example:- <html> <head> <title>Index </title> <head> <body bgcolor="lightblue" text="black"> <body> </html> Here is an screen capture of the example:- To Download the Example Html File:-  ClickHere

Tag And Description

All the tag and description that we will be using in upcoming lessons or post:- Formating Tags:- 1.    Line break Tag:- This text contains <br> a line break. 2.     Heading Tag:- Headings are defined with the  <h1>  to  <h6>  tags <h1>  defines the most important heading.  <h6>  defines the least important heading. 3.    Text formatting Tag:- a.    <b> The <b> tag specifies bold text. b.    U> The <u> tag represents some text that should be stylistically different from normal text and gives underline to text. c.    <i> The <i> tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic. d.    <sub>   The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like  H 2 O . e.    <sup>