Friday, August 25, 2023

HTML pre tag

                           

        HTML pre Tag


Information 

1. The <pre> tag defines preformatted text. 

2. Text in a <pre> element is displayed in a fixed-width font.

3.  text preserves both spaces and line breaks. 

4. syntax with :- <pre>.......</pre> tag

5. displayed in a fixed-width font.

6 .The text will be displayed exactly as written in the HTML source code.


Program 

 HTML <pre> tag

<html>
<head>
<title>html pre tag </title>
</head>
<body>
<pre> My name is ram
my college name is satara

 
I like Apple My favourity color is skyblue
</pre>
</body>
</html>


OUTPUT




html preformatted text

        
                   Visit Link 


background image with text html

responsive image grid htmlcss program.html

split screen into two sections html


file upload html


Thursday, August 3, 2023

html iframe

HTML <iframe>


Information

         1] The HTML <iframe> tag specifies an inline frame
         2] The src attribute defines the URL of the page to embed
         3] Always include a title attribute (for screen readers)
         4] The height and width attributes specify the size of the iframe
         5] Use border:none; to remove the border around the ifram

Program

<!doctype html>

<html>

<body>

<h2>HTML Iframes</h2>

<p>You can use the height and width attributes to specify the size of the iframe:</p>

<iframe 

src="https://webdesigningtheory.blogspot.com/2023/05/html-and-css-use-to-create-easy-webpage.html" height="300" width="500" title="iframe">

</iframe>

</body>

</html>


OUTPUT

iframe html

VISIT link 
And
your extra information



Monday, July 31, 2023

Background image with text

  Background image with text in HTML and CSS




OUTPUT



background img with text






















Program

 


<html>

<head>

<title>backgrouns  image </title>

<style>

h1
{
text-align:center;
color:red;
}
.color
{
background-color:blue;
}
.center{
text-align:center;
color:magenta;

}

body{
background-repeat:"no-repeat";
background-size:100%180%;

}
.css {
text-align:left;
}
#css{
color: orange;

}
img{
align:center;
}

</style>

</head>


<body background="https://wallpapers.com/images/

featured/nature-2ygv7ssy2k0lxlzu.jpg" alt="image computer">


<h1><b>computer</b></h1>
<h3><p class="center"><b>a computer us an electronic >A computer is an electronic device that manipulates information pr data. 
it has the ability to store, retrieve and process data. you may alread know 
that you can use a computer to type document send email, play games and browse tha web. you can 
also use it to edit ot create spreadsheets presentation
 and even videos.</b></p></h3>

<div class="color"<h1 class="css"><b>What is CSS</b></h1>
<p id="css"><b>Cascading  style sheets is a style sheet language used for describing the presentation of a document.
css is a computer language for laying out and structuring web page html or xml this language contains coding elements and  is 
composed.</b></p></div>

<center>
<img src="E:\New folder\MCA1\web technology program\htmldevo.jpg" alt="html developer" width="90px" height="30%">
</center>

<p style=""color:gold" ><b> htmlthe first version of the html was written by<b> tim berners-lee in1993</b>.support linking among online resources. conputer with other digital formats used primarily textual 
document HTML tags are keywork which defines that how web browser will format and display the content. 
with the help pf tags a web browser can display the content. with the help of tags.</b></p>

</body>
</html>

VISIT THE LINK


css in combinators web

hoe to apply image tag in html

split screen into two sections html

image tag html