Thursday, November 2, 2023

Q] What Is The Image Tag In HTML?

The <img src=""> HTML tag is used to display an image on a web page .
It is a self -closing tag.
which means it does not need a separate closing tag
The <img> tag use embed image in HTML page.
Image are not technically insert in web page.
image are linked to the web pages.
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:-

👉👉

👍👍

php program to print alphabet pattern N

php program factorial number program

Wednesday, November 1, 2023

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 :-

Related Post:-

inline css in html

responsive image grid html,css program

css menu design

Tuesday, October 31, 2023

HTML paragraph tag

HTML paragraph Tag

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>  

Monday, October 30, 2023

How to comment in html code

How To Add Comment In Html

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

<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  -->
               

Saturday, October 28, 2023

how to create login forms

simple Customer Login Form Using HTML

Customer Login Form

PROGRAM : Customer Login form :-

CODE THIS PROGRAME

<html>   
<head>  
<meta name="viewport" content="
width=device-width, initial-scale=1">  
<title> Login Page </title>  
<style>   
Body {  
  font-family: Calibri, Helvetica, sans-serif;  
  background-color: pink ;  
}  

body {
  background-image:url ="https://drive
.google.com/file/d/1RMKNDIdqJSs4PTAZO6p47
VmC_MXWsplC/view?usp=drivesdk" ("background6.jpg");
}

button {   
       background-color: 357Ec7; 
       width: 100%;  
        color: black ;   
        padding: 15px;   
        margin: 10px 0px;   
        border: none;   
        cursor: pointer;   
         }   
 form {   
        border: 3px solid #f1f1f1;   
    }   
 input[type=text], input[type=password]
 {   
        width: 100%;   
        margin: 8px 0;  
        padding: 12px 20px;   
        display: inline-block;   
        border: 2px solid   #F660AB;   
        box-sizing: border-box;   
    }  
 button:hover {   
        opacity: 0.7;   
    }   
  .cancelbtn {   
        width: auto;   
        padding: 10px 18px;  
        margin: 10px 5px;  
    }   
        
     
 .container {   
        padding: 25px;   
        background-color: FCDFFF;  
    }   
</style>   
</head>    
<body>    
    <center> <h1> Customer  Login Form </h1>
 </center>   
    <form>  
        <div class="container">   
            <label>Username : </label>   
            <input type="text" placeholder=
"Enter Username" name="username" required>
            <label>Password : </label>   
            <input type="password" placeholder=
"Enter Password" name="password" required>
             <button type="submit"> <input
 type="submit"
              onclick="check(this.form)"
 name="btn_submit"
             value="Login"></button>
            <input type="checkbox" 
checked="checked"> Remember me   
            <button type="button"
 class="cancelbtn"> Cancel</button>   
            Forgot <a href="#"> password? </a>   
        </div>   
    </form>     
</body>     
<script type="text/javascript">
          var message="Right Click Disabled!";
               function rtclickcheck(keyp)  {
        if (navigator.appName == "Netscape"  &&
                           keyp.which == 3)  {
                              alert(message);
                               return false;
                      }
       if (navigator.appVersion.indexOf("MSIE")
  != -1 && event .button == 2)  {
                               alert(message);
                           return false;
                      }
}
         document.onmousedown = rtclickcheck;
         function check(form)  {
    

 if  (form.username.value ==  "admin"
 && form.password.value == "123")  {
       window.open("https:https://
www.tripadvisor.in/Attraction_Review-g12456442
-d2293365-Reviews-Kas_Plateau-Kas_Satara_Distric
t_Maharashtra.html ")
      } else  {
        alert("Username or Password Doesn't 
Match!");
   }
}
</script>
</html>

ad

Thursday, November 2, 2023

How to insert image in html

Q] What Is The Image Tag In HTML?

Syntax :-

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

Q] What Are Image Tag.?

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.

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 :-

Syntax:-

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

height=" image-height-put">

Program :-

Output:-

👉👉

Related Post

👍👍

Wednesday, November 1, 2023

Anchor Tag

default link :

unvisited link -blue

visited link-purple

active link- red

Tuesday, October 31, 2023

HTML paragraph Tag

Patagraph Tag

Use the paragraph tag

Syntax

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

PROGRAM Name :HTML paragraph tag

Example

Monday, October 30, 2023

How To Add Comment In Html

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:-

HTML comments tag :-

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

1] single line comments in HTML :-

Syntax

Related Post

Saturday, October 28, 2023

Customer Login Form

PROGRAM : Customer Login form :-

CODE THIS PROGRAME

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.

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.

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