Showing posts with label HTML. Show all posts

Saturday, September 13, 2025

html link tag explain. how to link css

html link tag explain

html link tag explain. how to link css

Example

 
<!Doctype html>

<html>

<head>

<title>Hyperlink Example</title>

</head>

<body alink ="blue" link ="red" Vlink= "pink">
<P>click following link </p>
<a href = "https://webdesigningtheory.blogspot.com" target ="_blank">HTML tutorial</a>
</body>

</html>

Explain Program

Step 1 ]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

Step 3 ]

<body> ... </body>
HTML document that holds visible content on the page.
A heading (<h2>)
An input button (<input type="button">)
list tag
ext...

Step 4]

<body aline="blue" link="red" vlink="pink">

<body> page's content
attributes define colors for links

Attribute Description color code

link color unvisited links red

vlink color visited links pink

aline color link is active (clicked) blue

Step 4]

click following link

paragraph tag Displays the text

click following link

. click following link 

is a paragraph tag (should be lowercase, but works).
Displays the text:

· click following link

Step 5]

<a href ="www.google.com" target="blank">HTML turorial</a>

this anchor tag that creates a hyperlink.

href="www.google.com" = this set URL link

Target ="blank" = browser to open link new tab.
clickable text of the link.

OUTPUT

Friday, September 12, 2025

How to Set Image Height in HTML Using the Tag

How to Set Image Height in HTML Using the <img> Tag

html image Height tag

Image with Height

This sets the image height to 200 .
The width adjusts proportionally .

Syntax :-

Table width in pixel : <table border =1 height= 400>

html image Height tag

Example :-

<!Doctype html>

<html>
    <body>

<table border= 1  height="400" >

<tr><td>

<img src="https://blogger.googleusercontent.com/img/b/
R29vZ2xl/AVvXsEh1E1OaKNSdVjTgeUNPTOydfZBZczSKbGcnedJq-A-RRs-LXAsghsog5Le-
RUXQq3_IAitSkCmybb9H0WVpdpoVyvcR2jYfxlatb_CE1xfUxMPj21UiONgeXdLbWZJ74WPtLoWsddy8bR-
BXd9JlXU4F7RWbxNBJ5x-_jkrQauMOFLifXQk90-holf9aUzF/w320-h268/logo.jpg">

</td>
</tr>

</table>

</body>

</html>

How to Set Image Height in HTML Using the <img> Tag

Explain Program

Step 1 ]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

Step 3 ]

<body> ... </body>
<table border=1 height="400">
create a table
border =1 border 1 pixel around table.
height = "400" set table height to 400
Step 4]
<tr><td>.....</td></tr>
one table row(<tr>) with one cell(<td>)
<td> inside the image

How to Set Image Height in HTML Using the <img> Tag
OUTPUT

Thursday, September 11, 2025

How to Create Paragraphs in HTML

html paragraph Tag

The tag defines a paragraph. the Browsers automatically add some space (margin) before and the after each element. The margins can modified with the css.

The Paragraph element. HTML element represents a paragraph. Paragraphs usually represented to the visual media as blocks of text separated from the adjacent blocks by blank lines andor first-line indentation but HTML paragraphs can be any structural grouping of related to content, such images or form fields.

Attribute

1) Align :- Left, right, centre, justify

Specifies the alignment of the text with in paragraph

How to Create Paragraphs in HTML

Example :-

<!Doctype html>

<html>

<body>

is a first paragraph.this is a first paragraph Paragraphs tags or tags in HTML help us create paragraphs on a web page. web browsers is paragraphs display a blocks of text separated from adjacent block by blank lines white spaces or first-line indentation

Paragraphs tags tags in HTML help us create the paragraphs.on a web page. web browsersndisplay paragraphs as blocks of text separated from adjacent blocks by blank lines, white spaces, or first-line indentation

</body>

</html>

How to Create Paragraphs in HTML

Explain Program

Step 1 ]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

Step 3 ]

<body> ... </body>




Creates a paragraph

align="left" / align="right"

Aligns text use CSS

 tag to show it as text

used to display the tag as text

html paragraph Tag
Output :-

Wednesday, September 10, 2025

HTML
Tag Explained How to Add Line Breaks in HTML

HTML Tag Explained How to Add Line Breaks in HTML

html Line Break tag

A line break ends the line you are currently and resumes on the next line. Placing tag within the code to break the line. Use the tag within the use to paragraph tag.

A line break is marked up as follows:

The tag inserts a single line break.

The tag is an empty tag which means that it has no end tag.

The tag is and empty tag which means that it has no end tag.

The tag is useful for the writing addresses or poems.

tag to enter line breaks,is not to separate paragraphs.

  
   <!DOCTYPE html>

   <html>
   <body>
    <p>
   To break lines<br>in a text,<br>use the br element.
     </p>
   </body>
   </html>

HTML Tag

Explain Program

Step 1 ]

<!DOCTYPE html>
Declares that the document is an HTML5 document.

Step 2]

<html> & <body>
Root and body of the HTML page. The content of the page goes inside <body>.

Step 3]

contains visible to the user the web page

Step 4]

This defines a paragraph of text.

To break lines a text use the br element.

line break element.
content new line, like“Enter” on a keyboard.

HTML Tag
OUTPUT

To break lines

in a text,

use the br element

Related Post :-

c program print right half pyramid

c program to check number is even or add

what is the c language

Tuesday, September 9, 2025

html tag explained how to create table cells

html <td> tag explained how to create table cells

★ html TD Tag

The TD TAG element specifies a regular cell or column within an HTML table. This tag needs to be placed within a tag. The information in the TD TAG indicates that this element is left-aligned by default. It can be stated that a column is essential for finishing a table in HTML

html <td> tag

Program

<!Doctype html>

<html>

<body>

<table>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

html <td> tag explained how to create table cells

Explain Program

Step 1 ]

<!Doctype html>

browser use HTML5.

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

Step 2 ]

<html> and </html>

html is the root element.

Step 3 ]

body is main content area.

All visible content inside to the <body> tag

Step 4]

<table> ..... </table>

This tag creates an HTML table.

Inside a table, use rows (<tr>) and cells (<td>)

Step 4]

<tr>.....</tr> (table row)

<tr> defines one row in table

Step 4]

<td> ......<td> (table date cell)

<td> defines one cell ,inside a row

First row:

<tr>

</tr>

create two cells cell A and Cell B

Second row:

<tr>

</tr>

html <td> tag explained how to create table cells

TD Tag output

what is the internet

html tag

html frame tag

Monday, September 8, 2025

how to use the html bold tag

How to Use the HTML  Tag for Bold Text (With Examples)

Bold Tag

The HTML tag which represent bold text in HTML webpage. and Elements The tag should used to markup text as the bold without conveying any extra importance.The tag is written as ..... with the text to be bold inserted between the start and end tags..

The HTML element defines text with strong importance. The content is inside is type.This text is important!

Bold Tag

Example

<!Doctype html>

<html>

<head>

</head>

<body>

This is BOLD Body Tag

</body>

</html>

Bold Tag

Explain Program

Step 1 ]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

Step 3 ]

<body> ... </body>
HTML document that holds visible content on the page.
A heading (<h2>)
An input button (<input type="button">)
list tag
ext...

Step 4]

Bold text

bold tag use

Displays the text in bold using the tag.

Bold Tag

Output

Saturday, September 6, 2025

html formatting tags explained with practical examples

formatting tags in html

Html formatting tags are used to make some text on your web pages to appear differently that normal text for better look and feel. In computer application, formatting data may associated with text data to create formatted text or we can say that formatting tags are used to change the style of text on a webpage there are following formatting elements were designed to designed to display special type of text.

- Bold text

- Important text

- Italic text

- Emphasized text

Marked text

- Smaller text

<del> Deleted text

<ins> Inserted text

Subscript text

- Superscript text

formatting tags in html

<!DOCTYPE html>

<html>

<body><center>All Formating tag </center>

This text is normal.

This text is italic.

This text is emphasized.

This text is Bold.

This text is Stong.

This text is superscript H 2

This is some smaller

<big>This is some smaller</Big>

This is some smaller/Mark>

My favorite color is <del>blue</del> red.

My favorite color is <del>blue</del> <ins>red</ins>.

</html>

formatting tags in html

Explain Program

Step 1 ]

<!Doctype html>

browser use HTML5.

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

Step 2 ]

<html> and </html>

html is the root element.

Step 3 ]

body is main content area.

All visible content inside to the <body> tag

Step 4]

Text Formatting Tags

<center> Formating tag</center>

<center> :- Centers the text
: Makes the text bold and also gives it semantic importance.
: Underlines the text.
Final result: A bold, underlined, centered title saying "All Formating tag".

Step 5 ]

Paragraphs & Text Styles

This text is normal.

Normal paragraph with no styling.

This text is italic.

: - Italicizes text. Used for stylistic purposes

This text is emphasized.

: Emphasizes text, typically rendered as italic, but also adds semantic emphasis

This text is Bold.

: Makes text bold

This text is Stong.

: Bold with importance

Step 6 ]

Superscript and Subscript

This text is superscript

H 2

:- Makes text superscript (e.g.like x²)
: - Makes text subscript (like formulas like H₂O)

Step 7]

Text Size

 This is some smaller

Renders the text in smaller size.
Renders the text in larger size (note: </Big> should be lowercase: </big>).

 <big>This is some smaller</Big>

Step 8]

This is some smaller

Step 9 ]

Deleted and Inserted Text

My favorite color is <del>blue</del> red.

<del>: Strikes through text, indicating deletion.

formatting tags in html

OUTPUT

Friday, September 5, 2025

Learn the HTML Underline Tag () with Examples

HTML Underlined Tag

The tag represent some text that is unarticulated or styled differently from normal text, such as the misspell words and proper names in Chinese text.

The HTML element is the represents a span of inline text which should be rendered in way that indicates that has a non-textual annotation.

Program

<!DOCTYPE html>

<html>

<head>

<title>Underlined Text Example</title>

</head>

<body>

The following word uses an underlined typeface.

</body>

</html>

HTML Underlined Tag

Explain Program

Step 1 ]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

Step 3 ]

<title>Underlined Text Example</title>

title of the web page, which appears ON In the browser tab.

As the title in search engine results (SEO impact).

Step 4]

. <body> ... </body>

This is the visible part of the webpage.

Step 5]

creates a paragraph.
Inside it is some text, and word underlined ...:

stands for underline.
It underlines the word underlined.

HTML Underlined Tag

output

Thursday, September 4, 2025

html Italic Tag

Italic Tag

and Elements
The element is used for presentational purposes only i.e. style text in italic.
The tag is written as ....... the text inserted between the start and end tags.

Italic Tag program

<!DOCTYPE html>
<html>
<body>
<h2> Itelic tag</h2>
Some italic text
</body>
</html>

html Italic Tag

Explain Program

Step 1 ]

<!DOCTYPE html>
Declares the document type.

Step 2 ]

<html>...</html>
The root element that wraps all content of the webpage.

Step 3]

<body>...</body>
Contains everything visible to the user on the web page.

Step 4 ]

 is used to italicize text.

The text "Some italic text" will appear italics tag.

Step 4 ]

</body> and </html>

These are closing tags <body> and <html> elements

html Italic Tag output

html button tag

Wednesday, September 3, 2025

learn HTML link tag

HTML link tag

The LINK element indicates a relationship between the current document and an external LINK The LINK element indicates a relationship between the current document and an external resource. The <link> tag is the most used to the link a external style sheets:

LINK element empty (does not have closing tag), takes to the same attributes as the anchor element.

HTML link tag program

<html>

<head>

<title> Linking stylesheet</title>

</head>

</html>

The syntax is <link rel=" " href=" ">. rel attribute specifies to the relationship between document containing the hyperlink and the destination resources. href attributes specifies to address of the hyperlink.

HTML link tag program

Explain Program

Step 1 ]

<!DOCTYPE html>
Declares that the document is an HTML5 document.

Step 2]

<html> & <body>
Root and body of the HTML page. The content of the page goes inside <body>.

Step 3]

<head> tag section contains metadata , resources for page.
It does not display web page.
 contains:
<title> page in browser tab
 Links to stylesheets or scripts and Meta tags charset, viewport, SEO data.

Step 4]

<title> link stylesheet </title>

title of the web page.

text use linking stylesheet on web browser tap

Step 5]

link external css file your HTML

rel = "stylesheet" web browswer that is a css stylesheet.

href = style.css" path to css file.

assumrs file style.css in same folder as html file

Tuesday, September 2, 2025

html table cellpadding attribute

html table cellpadding attribute
Cellpadding Tag
The HTML cellpadding Attribute use to <table> tag specify the space between the cell content and cell wall. The cellpadding attribute is a set terms of pixels Attribute Values. pixels. It holds the space between the cell content and cell wall in terms of pixels.
Cellpadding set the amount of space between the contents of call and the cell boundary or edge. The default is 1. Cellpadding is an attribute of an. Individual cell in a table, so each cell ina table can have .the its own Cellpadding value.
Syntax
<table cellpadding ="pixels">
Cellpadding Tag
Program
<! Doctype html>
<html>
<body>
Table without Cellpadding 
<table border = 1>
<tr>
<th>month</th>
<th>saving</th>
</tr><tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</head>
</body>
</html>
Cellpadding Tag
Explain Program

Step 1 ]

<!DOCTYPE html>
Declares the document type.

Step 2 ]

<html>...</html>
The root element that wraps all content of the webpage.

Step 3]

<body>...</body>
Contains everything visible to the user on the web page.

Step 4 ]

Table without Cellpadding 
Displays a paragraph with the text Table without Cellpadding

Step 5 ]

Starts a table with a border of 1 pixel.

Step 6 ]

<tr>

<th>month</th>

<th>saving</th>

</tr>

This is the header row of the table.

<tr> = table row

<th> = table header cell

"month" and "saving" are the column headings.

Step 7 ]

<tr>

<td>January</td>

<td>$100</td>

</tr>

This is the data row with:

January in the first column

$100 in the second column

<td> = table data cell

Step 8 ]

</table>
Closes the table.

Step 9 ]

</head>

</body>

</html>

Properly closes the ,<head> ,<body> and <html> tags.

ad

Saturday, September 13, 2025

html link tag explain

html link tag explain. how to link css

Example

Explain Program

Step 1 ]

<!DOCTYPE html> document type declaration.browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>root element of the HTML document.<html> tag is part of the web page.

Step 3 ]

<body> ... </body>HTML document that holds visible content on the page.A heading (<h2>)An input button (<input type="button">)list tag ext...

Step 4]

<body aline="blue" link="red" vlink="pink">

<body> page's content attributes define colors for links

Step 4]

Step 5]

<a href ="www.google.com" target="blank">HTML turorial</a>

this anchor tag that creates a hyperlink.

href="www.google.com" = this set URL link

Target ="blank" = browser to open link new tab.clickable text of the link.

OUTPUT

Related Post :-

Friday, September 12, 2025

html image Height tag

Syntax :-

Table width in pixel : <table border =1 height= 400>

html image Height tag

Example :-

How to Set Image Height in HTML Using the <img> Tag

Explain Program

Step 1 ]

<!DOCTYPE html> document type declaration.browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>root element of the HTML document.<html> tag is part of the web page.

Step 3 ]

<body> ... </body><table border=1 height="400">create a table border =1 border 1 pixel around table.height = "400" set table height to 400 Step 4] <tr><td>.....</td></tr> one table row(<tr>) with one cell(<td>) <td> inside the image

Step 4]

How to Set Image Height in HTML Using the <img> Tag OUTPUT

How to Set Image Height in HTML Using the <img> Tag

OUTPUT

Related Post :-

Thursday, September 11, 2025

How to Create Paragraphs in HTML

html paragraph Tag

Attribute

How to Create Paragraphs in HTML

Example :-

<p align=right>Paragraphs tags <p> tags in HTML help us create the paragraphs.on a web page. web browsersndisplay paragraphs as blocks of text separated from adjacent blocks by blank lines, white spaces, or first-line indentation </p>

How to Create Paragraphs in HTML

Explain Program

Step 1 ]

<!DOCTYPE html> document type declaration.browser help this is an HTML5 document.

Step 2 ]

. <html> ... </html>root element of the HTML document.<html> tag is part of the web page.

Step 3 ]

<body> ... </body> <p> <P>Creates a paragraph align="left" / align="right" Aligns text use CSS <p> tag to show it as text used to display the <p> tag as text

html paragraph Tag Output :-

Related Post :-

Wednesday, September 10, 2025

html Line Break tag

HTML <br> Tag

Explain Program

Step 1 ]

<!DOCTYPE html>Declares that the document is an HTML5 document.

Step 2]

<html> & <body>Root and body of the HTML page. The content of the page goes inside <body>.

Step 3]

Step 4]

HTML <br> TagOUTPUT

Tuesday, September 9, 2025

html <td> tag explained how to create table cells

★ html TD Tag

html <td> tag

Program

Explain Program

Step 1 ]

Step 2 ]

Step 3 ]

Step 4]

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

<body> ... </body>
HTML document that holds visible content on the page.
A heading (<h2>)
An input button (<input type="button">)
list tag
ext...

<body> page's content
attributes define colors for links

Target ="blank" = browser to open link new tab.
clickable text of the link.

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

<body> ... </body>
<table border=1 height="400">
create a table
border =1 border 1 pixel around table.
height = "400" set table height to 400
Step 4]
<tr><td>.....</td></tr>
one table row(<tr>) with one cell(<td>)
<td> inside the image

How to Set Image Height in HTML Using the <img> Tag
OUTPUT

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

<body> ... </body>

<p>

<P>
Creates a paragraph

align="left" / align="right"

Aligns text use CSS

<p> tag to show it as text

used to display the <p> tag as text

html paragraph Tag
Output :-

<!DOCTYPE html>
Declares that the document is an HTML5 document.

<html> & <body>
Root and body of the HTML page. The content of the page goes inside <body>.

HTML <br> Tag
OUTPUT

<!DOCTYPE html>
document type declaration.
browser help this is an HTML5 document.

. <html> ... </html>
root element of the HTML document.
<html> tag is part of the web page.

<body> ... </body>
HTML document that holds visible content on the page.
A heading (<h2>)
An input button (<input type="button">)
list tag
ext...

Text Size

<br><small>This is some smaller</small>

Renders the text in smaller size.
Renders the text in larger size (note: </Big> should be lowercase: </big>).

<br><big>This is some smaller</Big>