ad

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Tuesday, November 11, 2025

how to use subscript tag in html

how to use subscript tag in html

web designing Theory website

how to use subscript tag in html
Example 

<!DOCTYPE html>
<html>
 <body>
  <h2> how to use subscript tag in html</h2>
<p>student learn <sub> HTML </sub> programming language</p>
    <p> Student learn <sub>CSS</sub> Programming language</p>

 </body>

</html>

how to use subscript tag in html
Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<h2> how to use subscript tag in html</h2>

<h2>  display title create second-level heading  bold  larger text.</h2>

Step 5]

<p>student learn <sub> HTML </sub> programming language</p>
    <p> Student learn <sub>CSS</sub> Programming language</p>

each <P> tag defines  paragraph text.

inside each <p>  tag is a subscript tag (<sub> tag).

Step 6]

<p> Student learn <sub> HTML </sub> programming language</p>

Sub tag  

the <sub> tag is use to display text slightly  below the normal line is subscript tag.
commonly use chemical formulas , mathematical expression 

HTML word appear as subscript tag  a bit lower and smaller than surrounding text.

<p> Student learn <sub> CSS </sub> programming language</p>

CSS word appear as subscript tag  a bit lower and smaller than surrounding text.

Step 7]

closing the Tag

</body>
</html>

how to use subscript tag in html
Output

how to use subscript tag in html


Related Post :-



Labels: , , ,

Saturday, November 8, 2025

how to bold text in html tag

 

How to Italicize Text in HTML Using the <i> Tag


https://webdesigningtheory.blogspot.com

How to Italicize Text in HTML Using the <i> Tag

 Example



<!DOCTYPE html>
<html>
 <body>
  <h2>  Italic text tag </h2>

  <p><i> web Designing Theory </i>  Aishwarya Jadhav is a passionate MCA postgraduate
teacher who created Web Designing Theory to share knowledge and
support students in learning modern web technologies.
Her teaching style focuses on clarity, structure, and creativity,
  making it easier for learners to understand both theory and
  practical concepts. this website  visit:-  webdesigningtheory.blogspot.com/ </p>
 </body>

</html>


How to Italicize Text in HTML Using the <i> Tag

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]


  <h2>  Italic text tag </h2>
 
<h2>  tag  defines a heading .
 <h2> tag text ltalic  text tag will appear bold and large  text.

Step 5]

<P>......</p>

<p> tag  defines a paragraph text.

Step 6]

<i> web Designing Theory </i>

<i> tag enclosed  text italic tag.

web Designing Theory  text appear  italic font style

Step 7] 

</body> and </html>


How to Italicize Text in HTML Using the <i> Tag

Output



How to Italicize Text in HTML Using the <i> Tag



Related Post :-

   How to use the HTML Button Input

  How to Create Ordered lists in html

  How to create checkbox in html

Labels: , ,

what is the em tag in html

 what is the <em> tag in html

https://webdesigningtheory.blogspot.com


what is the <em> tag in html

Explain program 



<!DOCTYPE html>
<html>
 <body>
  <h2> what is the <em> tag in html </h2>
    <p>student learn <em> HTML </em> programming language</p>
    <p> Student learn <em>CSS</em> Programming language</p>
 </body>

</html>

what is the <em> tag in html 

Explain program 

Step 1 ]

<!Doctype html>

  • <!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<h2> what is the <em> tag in html </h2>

<h2> tag heading tag. second most important tag.
inside the heading <em> use tag

Step 5]

<p>student learn <em> HTML </em> programming language</p>
    <p> Student learn <em>CSS</em> Programming language</p>

<p>  defines a paragraph. 

inside the paragraph <em> use to highlight  important words.

<em> HTML</em>  :-  HTML appears italicized.
<em>CSS</em>  :- CSS appears italicizes.

Step 6]

</body>

</html>


end body,HTML Document

what is the <em> tag in html 

output 

what is the <em> tag in html


Related Post :-

html italic tag

html table cellpadding attribute

how to create checkbox in html

Labels: , , ,

Friday, November 7, 2025

What is the strong Tag in HTML

What is the <strong> Tag in HTML

https://webdesigningtheory.blogspot.com


 <strong> Tag   is semantic html tag indicates the text inside strong importance to enclosed text.

 <strong> Tag   browser and assistive technologies  by default browsers display  <strong> text in bold 

 What is the <strong> Tag in HTML

Example 


<!DOCTYPE html>
<html>
<body>
<p> html strong tag</p>
  <p><strong> Strong text is important </strong> </p>

</body>
</html>

What is the <strong> Tag in HTML

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<p> html strong tag</p>

<p> tag define paragraph text

line will display normal paragraph

Step 5]


  <p><strong> Strong text is important </strong> </p>

 <p> tag create paragraph.
inside use <strong> tag.
<strong> tag browser text important or emphasized.
<strong> text bold it semantic.
<strong> text bold & semantically important.

What is the <strong> Tag in HTML

 output

What is the <strong> Tag in HTML

Related Post :-

how to use the video tag in html

how to create a horizontal frameset in html

how to create top navigation menu

Labels: , ,

Thursday, November 6, 2025

how to Create Text links in html

 

How to Create Text Links in HTML (With Examples)

https://webdesigningtheory.blogspot.com

how to Create Text links in html  

Text link is called hyperlink is a piece of text  use click go to another webpage file or section within same page 

 Text links created using <a> tag (is called anchor tag)

how to Create Text links in html 

Example 


<!DOCTYPE html>
<html>
<body>
<h4>Click  Following link</h4>
<a href="https://webdesigningtheory.blogspot.com" target="_blank">HTML Program </a>
</body>
</html>

how to Create Text links in html 

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<h4>Click  Following link</h4>

<h4> heading tag   make text bold text 

webpage a heading 


<a href="https://webdesigningtheory.blogspot.com" target="_blank">HTML Program </a>

anchor tag (<a>) use to create a hyperlink

<a> 

 anchor tag use for links 
href =  (hypertext reference) attribute URL  to link is clicked 

target = "blank"


 target attribute  browser to open  link a  new tab (window), current page.
HTML program 
This is text shown user clickable link.
</a>  close the anchor tag 

Step 5] 

</body> and </html>

</body>  close the body section

</html>  close the HTML document 

how to Create Text links in html 
 output 

how to Create Text links in htmlhow to Create Text links in html



Related Post :-

how to use image tag in html

html heading tags explain structure

how to use pre tag html with example

Labels: ,

Sunday, November 2, 2025

how to use the video tag in html

how to use the video tag in html

https://webdesigningtheory.blogspot.com

video tag 

The HTML 5 <video> tag  use to embedded video on an HTML document. Browsers dont support the same video format so you  provide multiple video formats for correct rendering. A path to the video file is nested inside <source> tag, or src attribute. You can also include an alternate text in the <video>tag, that will be displayed in case if the browser doesn't support the video format.


how to use the video tag in html

Example 

 
<!DOCTYPE html>

<html>

<head>

 <title>Title of the document</title>

 <style>

 video {

width: 300px;

height: 200px;

border: 1px solid #666;

}

</style>

</head>

<body>

<video controls muted >  

<source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

</video>

 <P>Your browser does not a support in the video tag.</p>

 </body>

 </html >


how to use the video tag in html

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]


<head>

 <title>Title of the document</title>

 <style>

 video {

width: 300px;

height: 200px;

border: 1px solid #666;

}

</style>

</head>


<head>contains  metadata  and setting web page


inside the head section 
 
<title>   :-   title of the web page  which appears in the browser tab.
<style>  :-   add  css  (cascading style sheets)  style elements in page.
  
CSS mean :-
          <video> element  300 pixels  wide
          <200> pixel tall
          1-pixel gray border  around (#666 shade  of gray)

Step 5]

<body> section 

  section contains the content that appears  on the web page

<body>

<video controls muted >  

<source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

</video>

 <P>Your browser does not a support in the video tag.</p>

 </body>



<video controls muted >  

<source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

</video>

   <video>  tag :- use embed video files directly into web page


         <video> tag is HTML5 element used to embed video file (like .mp4,webm,ogg)
                 into a webpage without need plugin
   Attribute :-
              controls   :-   adds  play,pause volume, and other controls the video player.
              muted      :-   starts the video with sound turned off.
 
  <source>  tag define video file sources 
                        browser support .mp4 
                       

how to use the video tag in html
 output 

Related Post :-
Labels: , ,

Saturday, November 1, 2025

how to create Top navigation menu

 how to create Top  navigation menu 

https://webdesigningtheory.blogspot.com


 The <nav> tag is  new element in  the html5 nav tag  use to define  the of the navigation link either within the current document or other documents. Example- nav tag is the  navigation blocks are menu tables  of contents, and indexes. One HTML document may contain several <nav> tags, for example, one for site navigation and one for intra-page-navigation 

.Note that not all links in the HTML document can be placed inside the <nav> element. it can only include major navigation blocks. For example, the <nav > tag is not placed in the <footer> tag for defining links in the footer of the website.

how to Create Top navigation menu 


Syntax: 

The <nav > tag comes pairs. written between the opening 

(<nav> ) and closing (</nav>) tags.


how to create top  navigation menu 

 program 

<!DOCTYPE html>

 <html>

<head>

<title>Title of the document</title>

</head>

<body>

<header>

<h1> how to create Top navigation menu </h1>

</header>

<nav>

<a href="Html.html">HTML</a>

| <a href="CSS.html">CSS</a> |

 <a href="javascript.html" > javascript </a> |

 <a href="/php.html"> PHP</a>

</nav>

<h2>Welcome to web designing theoryPublication</h2>

</body>

</html>


how to create  top navigation menu 

Explain program 

Step 1 ]

<!Doctype html>

  • <!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<header>

<h1>Programming Courses</h1>

</header>

<header>....</header>

<header> element  represents  top section 
header section includes
 website name
 logo
 heading or slogan

<h1>Programming Courses</h1>

Display a large heading  the top of the page 

Step 5]

<nav>....</nav>

<nav> tag use navigation section of your website 

 links use  menus or catagories

Step 6]

<nav>

<a href="Html.html">HTML</a>

| <a href="CSS.html">CSS</a> |

 <a href="javascript.html">JavaScript</a> |

 <a href="/php.html">PHP</a>

</nav>

<a>  tag create hyperlinks 

 href = html.html means link will open the file  

 vertical  bar use 

Step 7]

<h2>Welcome to web designing theoryPublication</h2>

<h2> is subheading = smaller than <h1>
 context or welcome message to visitors
 display bold

Step 8]

</html>


end HTML Document

how to create  top navigation menu 

 output 

navigation menu in html

Related Post :-

learn HTML link tag

html table cellpadding attribute

how to create checkbox in html

Labels: ,
Subscribe to: Comments (Atom)