Saturday, 11 March 2023

March 11, 2023

pre and bdo Tag in HTML

HTML <bdo> tag

HTML <bdo> tag stands for "bidirectional override" which is used to overrides the current/default text direction. This tag sets the direction of content within it to render on browser from left to right or right to left.

The <bdo> tag is useful for the languages which are written from right to left such as Arabic and Hebrew.

Syntax

  1. <bdo dir=" "> Content......</bdo>  

Following are some specifications about the <bdo> tag

DisplayInline
Start tag/End tagBoth start and End tag
Usagetextual

HTML pre tag

The HTML <pre> tag is used to specify pre formatted texts. Texts within <pre>.......</pre> tag is displayed in a fixed-width font. Usually it is displayed in Courier font. It maintains both space and line break.

It is widely used to display language examples e.g. Java, C#, C, C++ etc because it displays the code as it is typed.

Example:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
   <center>
  <pre>
          Sun    Mon   Tue   Thru   Fri   Sat
  1       2     3      4     5     6
  7       8      9     10    11    12
   </pre>
   <bdo dir="rtl">Rajneesh</bdo>
   <bdo dir="ltr">Rajneesh</bdo>
  </center>
</body>
</html>




 

0
By at No comments:
March 11, 2023

Style Tag in HTML

 

HTML Style

HTML Style is used to change or add the style on existing HTML elements. There is a default style for every HTML element e.g. background color is white, text color is black etc.

The style attribute can by used with any HTML tag. To apply style on HTML tag, you should have the basic knowledge of css properties e.g. color, background-color, text-align, font-family, font-size etc.

The syntax of style attribute is given below:

  1. style= "property:value"  

Example:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="background-color:pink;">
    <h1 style="color:red;">I am Red</h1>
<h1 style="color:blue;">I am blue</h1>
<h1 style="font-size:30;text-align:center;font-family:comic sans MS;">
Hi Everyone</h1>
</body>
</html>



1
By at 1 comment:
March 11, 2023

Div Tag in HTML

 

HTML Div Tag

The HTML <div> tag is used to group the large section of HTML elements together.

We know that every tag has a specific purpose e.g. p tag is used to specify paragraph, <h1> to <h6> tag are used to specify headings but the <div> tag is just like a container unit which is used to encapsulate other page elements and divides the HTML documents into sections.

The div tag is generally used by web developers to group HTML elements together and apply CSS styles to many elements at once. For example: If you wrap a set of paragraph elements into a div element so you can take the advantage of CSS styles and apply font style to all paragraphs at once instead of coding the same style for each paragraph element.

Example:

<!Doctype html>

<html>

           <head>

                                <title>Inline CSS</title>

                </head>

                <body>

                    <div>

                                     <h1>Welcome to my website</h1>

                                                 <hr color="blue" size="6">

                                </div>

                               

                                <div>

                                   <h2>This is my first article</h2>

                                   <b> Rajneesh Shrivastava</b>

                   This article was written about HTML & Web designs training in Hindi Languages.

                             <hr color="red" size="6">

                           </div> 

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

                                 <hr color="red" size="6">

                                <div>

                                    <p align="center">Copywrite 2016 onlineustaad</p>

                                </div>

                                <hr color="red" size="6">

                </body>

</html>




0
By at No comments:
March 11, 2023

Blockquote and q Tag in HTML

 

HTML <blockquote> tag

HTML <blockquote> tag is used to define a block of text which is quoted from another source. The Browser usually displays the content within <blockquote> tag as indented text.

If you want to insert a long quote then use <blockquote> and for short or inline quote use <q> tag.

Syntax

  1. <blockquote> quoted text......</blockquote>  

Following are some specifications about the <blockquote> tag

DisplayBlock
Start tag/End tagBoth start and End tag
UsageSemantic/textual

Example:




0
By at No comments:
March 11, 2023

HTML Base Tag

 

HTML <base> tag

HTML <base> tag is used to specify a base URI or URL to use for all relative links contained within an HTML document.

Only one <base> element can be specified within a document, and it must be placed within <head> element. We can also specify how other links should open (in the same window, in another window, etc.) using the target attribute.

Syntax

  1. <base href="https://www.javatpoint.com">  

In HTML <base> element does not contain closing tag but in XHTML end tag </base> is required.

Following are some specifications about the <base> tag

DisplayNone
Start tag/End tagOnly start-tag
UsageAnchors and links

Example

<html>
<head>
        <base href="/D:images" target="_blank">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="1.jpg">
       <img src="2.jpg">
       <img src="3.jpg">
</body>
</html>


0
By at No comments:

Tuesday, 7 March 2023

March 07, 2023

HTML List

 

HTML Lists

HTML Lists are used to specify lists of information. All lists may contain one or more list elements. There are three different types of HTML lists:

  1. Ordered List or Numbered List (ol)
  2. Unordered List or Bulleted List (ul)
  3. Description List or Definition List (dl)

HTML Ordered List or Numbered List

In the ordered HTML lists, all the list items are marked with numbers by default. It is known as numbered list also. The ordered list starts with <ol> tag and the list items start with <li> tag.

HTML Unordered List or Bulleted List

In HTML Unordered list, all the list items are marked with bullets. It is also known as bulleted list also. The Unordered list starts with <ul> tag and list items start with the <li> tag.

HTML Description List or Definition List

HTML Description list is also a list style which is supported by HTML and XHTML. It is also known as definition list where entries are listed like a dictionary or encyclopedia.

The definition list is very appropriate when you want to present glossary, list of terms or other name-value list.

The HTML definition list contains following three tags:

  1. <dl> tag defines the start of the list.
  2. <dt> tag defines a term.
  3. <dd> tag defines the term definition (description).

HTML Nested List

A list within another list is termed as nested list. If you want a bullet list inside a numbered list then such type of list will called as nested list.

Example:
Order List Program:

<html>

                <head>

                                <title>Body and its attribute</title>

                </head>

                <body bgcolor="pink">

                                                   <ol type=1>

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                                   <ol type="I">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                                   <ol type="i">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                                  <ol type="A">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                                   <ol type="a">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                                  <ol type="A" start="3">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ol>

                                 

                </body>

</html>

Unorder List Program:

<html>

                <head>

                                <title>Body and its attribute</title>

                </head>

                <body bgcolor="pink">

                                             <ul>

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ul>

                                                   <ul type="circle">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ul>

                                            <ul type="disc">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ul>

                                                 

                                                  <ul type="square">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ul>

                                              <ul type="none">

                                                       <li>India</li>

                                                                   <li>America</li>

                                                                   <li>France</li>

                                                                   <li>Itly</li>

                                                                   <li>Japan</li>

                                                  </ul>

                 </body>

</html>

Nested List Program:

<html>

                <head>

                                <title>Body and its attribute</title>

                </head>

                <body bgcolor="pink">

                                    <ol>

                                                  <li>India

                                                           <ol>

                                                                  <li>Agra</li>

                                                                    <li>Mumbai</li>

                                                                    <li>Chennai</li>

                                                                    <li>Delhi</li>

                                                           </ol>

                                                  </li>

                                                   <li>America</li>

                                                     <li>France</li>

                                                    <li>Itly</li>

                                                       <li>Japan</li>

                                    </ol>

                             </body>

</html>

Definition List Program:

<html>

                <head>

                                <title>Body and its attribute</title>

                </head>

                <body bgcolor="pink">

            <dl>

                                <dt>Html:-</dt>

                     <dd> HTML is an markup language that is used to create webpage or website </dd>

                     <dt>CSS:-</dt>

                      <dd> CSS is an markup language that is used to create webpage or website</dd>

                        <dt>MS Access:-</dt>

                   <dd> MS Access is an markup language that is used to create webpage or website  </dd>

             </dl>

                </body>

</html>





0
By at No comments:
Labels:

Full Form of IT and ITes Industry

                                                 Full Form (IT and ITeS) ICT - Information Communication Technology IT - Information Tec...