ad

Saturday, November 11, 2023

how to add background image in html.



how to insert background image in html


background image in html

Program  

 Background Image 



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
content="width=device-width,
initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    p{
background-image:url
('https://cdn.wallpapersafari.com/27/83/hGWHei
.jpg');
<!-- image path -->
height:600px; <!--height of image--> 
      width: 50%;
    }
    p{
        color: red;
        text-align: center;
    }
</style>
<body>
    <h1>Background Image</h1>
    <BR<BR><BR>
<p><BR<BR><BR><BR><BR> how to insert background
image  in html programe . <br>
    learning for the this website website.<br>
     follow this website and learning in the
HTML,CSS,
PROGRAME AND theory learn in improve your
knowledge website
https://webdesigningtheory.blogspot.com  <br>
</p>    <!--this information display
in the image -->
</body>
</html>


HTML Background Image

 The <background> image attribute in the HTML document is used.

  you can use the path of image tag value of

 background attribute. 

Syntax :-

 background-image: url('path of image');


Related post :-

php variable

css text align

javascript for loop

Labels: , ,

Thursday, November 2, 2023

How to insert image in html

 

How to insert image in html

HTML IMAGE TAG CODE




Q] What Is The  Image  Tag  In  HTML?


  1.  The  <img src="">  HTML  tag is used to display an image on a web page .
  2.  It is a self -closing tag.
  3.  which means it does not need a separate closing tag
  4.  The <img> tag use embed  image in HTML page.
  5.  Image are not technically  insert in web page.
  6.  image are linked to the web pages.
  7. The <img> tag is empty it contains attributes only and does not have a closing tag.

Syntax :-


 <img src="image_path" alt="alternative -text" >


Q] What Are Image  Tag.?

Image tagging is process of identifying and labeling the contents of an image tag 
This can be done manually by someone looking at the image and typing in description/ 
automatically using machine


Html IMG Attribute :-


 1] src :-

  •  src is use to specify the path to image.
  •  It is a necessary  attribute that describes source or path of the image.
  • It instructs the browser  look for the image on the server .
  • specifies the path to image.

 2] alt :-

  •    The alt attribute defines alternate text for  image it cant be displayed .
  •  The value of the alt attribute describe the image information the image in words.

  • The alt attribute is considered best /good SEO prospective.

   3] Width :-

  • width is an optional attribute which is used to specify the width to display the image.                                                              
  • It is used to specify width of the image.

Height :-

  •  height is use to specify the height of the image

 

Syntax:-

  <img src=" image-path" alt" image-info" width="image-width-put" 

   height=" image-height-put">

Program :-

<!DOCTYPE html>
<html>
<head>
   
    <title>image html tag</title>
</head>
<body>
   <h2>html tag </h2>
<img src=
"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTU_
ej9ZY8Ee051iV1P0wHZhhlCLdN1nZfGZQ&usqp=CAU"
alt="nature" width="" height="">
</body>
</html>


Output:-   

img


👉👉

Related Post 

👍👍 

Labels: ,

Wednesday, November 1, 2023

Html anchor tag


  

How to Add HTML  Anchor Tag 


anchor tag html

 

Anchor Tag 

The <a> tag define hyperlink 

 1]  Html anchor tag define hyperlink this use to link from one           page to another.

 2]  Its create hyperlink to other web page as well as files, location 

 3]  Most important attribute of<a> element is the href attribute.

 4]  when link is clicked it redirects the user to that page.

 5]  The <a> tag creates a clickable link.

 6] The href attribute sets the target page or site 

example:- webdesigningtheory.blogspot.com/

7] The target attribute specifies in what tab ,window to open the new       page.

 8]  Its href  <a>  attribute  creates a hyperlink to web page, files                 email addresses ,locations in the same page else URL address.

 9]    hyperlink its important to the website ,web page  ,or part of the          same web page to link to.

10]  In addition to the href attribute website linking to open in                  another browser tab. you just need to set  the value of the target          attribute  to blank.

 11]  <a> hyperlink is the Global attribute / event attribute =supports 

       which indicates the links destination.

default link :

 unvisited link -blue

 visited link-purple

 active  link- red


Q. What is the Anchor Tag  html?

An anchor is a piece of text which marks the beginning and/or the end of a hypertext link. The text between the opening tag and the closing tag is either the start or destination specifies where to open the linked document.


Syntax

<a href="https://webdesigningtheory.blogspot.com
/?m=1">webdesigningtheory.blogspot</a>


 Example

<!DOCTYPE html>
<html>
<head>
   
    <title>Document</title>
</head>
<body>
<h2>visit the link</h2>
   <ul>
    <li><a
href="https://webdesigningtheory.blogspot.com
/?m=1">Website 1</a></li>
<li><a href=
"https://webdesigningtheory.blogspot.com/?m=1">
Website 2</a></li>
    <li><a href=
"https://webdesigningtheory.blogspot.com/?m=1">
Website 3</a></li>
   </ul>  
</body>  
</body>
</html>




Output :-
<a> hyperlink output


Related Post:-

inline css in html

responsive image grid html,css program

css menu design

Labels: ,

Tuesday, October 31, 2023

HTML paragraph tag



   HTML paragraph Tag 




paragraph tag html


Patagraph  Tag




Use the paragraph tag 

 

 1]  The <p> tag defines a paragraph tag.

 2]   Browsers automatically add a single blank line before and after each <p> element.
         it defines a paragraph of text.

 3]  The paragraph tag end of the paragraph is marked by opening  <p>  a closing </p>  tag 

 4]  <p> tag is a block element used to designate  a paragraph. useful the internet browsers          adda bit of margin before and after element.
 
 5]  The paragraph tag is align (left, right, center, justify)   with specific text alignment                 within a paragraph

 6]   <p> tag is used to define block level element that creates a new block of text.



Syntax


<P>.......... information type  here https://webdesigningtheory.blogspot.com/?m=1 .....</p>



PROGRAM  Name :HTML  paragraph tag


                 Example 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
  p tag defines a paragraph browsers
automatically add  a single blank
line befor and after each
https://webdesigningtheory.blogspot.com/?m=1
    </p>
</body>
</html>  




Related post :-

php string operators

css text-align

how to create login form

Labels: ,

Monday, October 30, 2023

How to comment in html code



 How To Add Comment In Html

  

html comments tag

Comment Tag
 Importance of HTML  Comment tag

       1]   comment tag are some extra information  or code written in your code give extra explanation about the code and not visible to the user. 

       2]   comment tag is the  not displayed in the any browsers. comment tag use to the                         programmer.

       3]    programmer you can use comments  tag to explain your code, help you code is edit                and change  the source code .comment of any code easy to understand in the                      programmer.

        4]    comment tag use to notes to remind yourself the build  process. you could                               explain the intended functionality of a section of code for another  Multiple                          developer  or your future self ensures quick and efficient understanding  of                              complex codes.

Syntax:-

 
<!-- 

   tag before the code and a after the code

 -->
  

 

HTML comments tag :-


1]  single line comments in HTML
2]  Multi-Line Comments in HTML



1]  single line comments in HTML :-


  HTML code also comments single lines at a time. the single line comment can use 
  one line description /information about the code .


Syntax

     
       <!--  There is some text  related to your program  -->

      
<h1>heading name program</h1>  
    <!-- <h2> topic name Webdesigningtheory.blogspot.com</h2>-->
               


2]  Multi-Line Comments in HTML

           The HTML code we can also comments multiple lines at a time code write in the program. multiline comment use any description multiple line code to debug etc.
   
       Syntax :- 

          <!--
              your code is comment
              write information
              in your project code
             Webdesigningtheory.blogspot.com
                -->

   
 <h2>command to html</h2>  
    <!-- <h2>extra  Information to related topic
project name
information
home page, contact use,create
website Webdesigningtheory.blogspot.com -->
               

 Related Post 

php program to print triangle pattern

php program to print alphabet pattern L

php while loop

Labels: ,
Subscribe to: Comments (Atom)