Horizontal Rule Tag

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="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>

<h4>Formatting Tags in the Paragraph</h4>
<hr align="center" size="5" width="50%" color="green">

<b>Notepad</b> is a basic <i>text-editing program</i> and 
it's most commonly used to <mark>view or edit text files.</mark> 
A text file is a file type typically identified by the .
txt file name <u>extension</u>.

<body>


</html>

 The output of the above example :-


To download HTML File:- CLICKHERE

Comments

Post a Comment

Popular posts from this blog

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
Read more

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
Read more