Thursday, November 30, 2023

html radio button

 

              HTML Radio button


html radio button code/output


Radio Button information :-

Syntax :-

<input type ="radio">


  1. Input element use to html forms.
  1. The <input> type ="radio"  in radio button.
  1. Radio button use to the select exactly only one option  from a list or options.


<!DOCTYPE html>
<html>
<head>
   <title> radio buttom </title>
</head>
<body bgcolor="pink">
    <h4> input type ="radio" value <br>
radio button Use</h4>
    <form>
 <input type ="radio" name="color" value="red">
red<br>
 <input type ="radio" name="color" value="blue">
blue<br>      
  <input type ="radio"  name="color"
value="pink">pink<br>
       
<input type ="radio" name="color" value=
"purple">purple<br>
<input type ="radio" name="color" value=
"white">white<br><br>
        <input type="submit" value="submit">
    </form>
</body>
</html>

Visit The link 

Read more

html form input type
Html unordered list
how to insert a background image in html
html anchor tag
Login form

Tuesday, November 21, 2023

HTML form Input Type

 HTML FORM

html form /output










 FORM  information :-

 FORM IS CREATED USING <FORM> TAG.

1)  FORM is a window or screen that contains fields or spaces to enter data.

2)  Form is user friendly than generating queries. 

3) create tables and insert data fields.

4)  A form can also have button, checkboxes , radio buttons , menus, other input controls.

5)  Form used to submit data to a web server.

6) FORM tag contain various elements as<input>,<select>,<textarea>, <label>,<button>


HTML <INPUT > ELEMENT :-

 HTML <input> element form element. used to create form fields, input from use .

 input control it set to text.

Attribute :-

1] Type :- 

type input control for text input controls  set to be text ( use r information).

2] name :-

  name used control which is sent to the server to recognize the value.

 1] html  <Input> element Example :-

<!DOCTYPE html>
<html>
<head>
 
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">.
  <form>
   Enter Your Name :
    <input type="text" name="username">
  </form>
</body>
</html>

 

 html  <Input> element Output :- 

html  <Input> element  - Output






2]  Text Input Control Example:-

<!DOCTYPE html>
<html>
<head>
 
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
   <label for ="firstname">First Name</label>
      <input type="text" id="firstname" name=
"firstname"><br>
   <label for="lastname">Last Name</label>
      <input type ="text" id="lastname"
name="lastname"><br>
  </form>
</body>
</html>

 Text Input Control OUTPUT :-

Text Input Control - output/Result






HTML <input type ="password"> :-

  1. Password use to the entered characters are masked or hidden. 
  1.  password textbox hide characters.
  1. password use pattern attribute.


HTML Password Field Controls :- Example

<!DOCTYPE html>
<html>
<head>
 
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
    <label for="password">Password :-</label>
       <input type="password" id="password"
name="password">
  </form>
</body>
</html>


HTML Password Field Controls :- Output

HTML Password Field Controls - output/Result



HTML Email field Control :-

<input type ="email"> 

  •  Email tag use to the email address defines.
  • input value is automatically valid  the email address.


HTML Email field Control Example :-

<!DOCTYPE html>
<html>
<head>
 
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
    <label for="email"> Enter The Email address
:-</label>
       <input type="email" id="email" name=
"email">
  </form>
</body>
</html>


HTML Email field Control :- output/Result





Read more 

visit link :-

HTML Description list | with example

html unordered list

how to add image tag in html

customer login form using html /css

Friday, November 17, 2023

HTML Description List | with Example


  HTML Description List 

html description list /output









 HTML Description List  :-

Que.  What is dl tag html?

                        Description list (dl) tag. 
                        They are 3 tag used to define description list.
                      <dl> ,< dt>  & <dd> tag use.

                   

                  1) <dl> :-  tag use to defines the description list.

                   2) <dt> :-  tag used to defines data term /using the element /description                                         terms  name.

                   3) <dd>:- tag defines data definition /description each term.


HTML Description List Example :-

<html>
<head>
        <title>description list html</title>
</head>
<body>
    <h1>HTML description List </h1>
   <dl>
        <h3><dt> life</dt>      
        <dd>life is too short to spend your time Avoiding failure.
          </dd>
        <dt> Enjoy</dt>
        <dd>Enjoy life today because yesterday is gone<br>
         and tomorrow is never promised.</dd>
         <dt>Moments</dt>
         <dd>Best moments of our life are not captured by camera
        but are stored as good memories in our mine
           and they always makes us smile.</dd>
           </h3>
    </dl>
</body>
</html>


Read more 
VISIT THE LINK

html unordered list

html ordered list

html customer login form

Responsive image hrml


html unordered list


Unordered List HTML


html unordered list/output








Q. what is the  unordered list in the html?

 Unordered List :-

  
                   1]   Unordered list is a Bulleted  Format.
                   2]  Unordered list starts with the <ul> tag.
                   3]  Unordered list end with the </ul> tag.
                   4]  Each unordered list item starts  with the <li> tag.
                   5]  Each Unordered list items end with the</li> tag.
              

Syntax :-

          <ul type=" put the list type "> 


 Que . What is the type  of unordered list in html ?

          Unordered list 4 type of bulleted format.
         
              1)    type = "disc"
              2)    type =  "circle"
              3)    type =  "square"
              4)    type =  "none"

1) disc :-

             disc is the default style.
             disc list items are maked with bullets.

Syntax :-

             <ul type="disc">

  HTML Unordered List (disc)  Example  :-           

<html>
<body>
<h1>Unordered list</h1>
    <h2> disc</h2>
    <ul type="disc">
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>


HTML Unordered List (disc) Output :-

HTML Unordered List (disc) output



  









HTML Unordered List 

2) circle :- 

                  circle type is the list items are marked with circle.

Syntax :-

                 <ul type="circle">                   

HTML Unordered List(circle)  Example:-

<html>
<body>
<ul type="circle">
        <h2>Circle</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>

HTML Unordered List(circle) Output :-

html unordered list( circle) output






HTML Unordered List

3) square :-

                square  items  are marked with the square.

Syntax :-

        <ul type="square">


HTML Unordered List(square) Example :-

 <html>
<body>
   <ul type="square" >  
<h2>Square</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
</body>
<html>
  

HTML Unordered List(square) Output :-

html unordered list(square) output








html unordered list

4) none :-

    none list item are not a marked.

Syntax : 

            <ul type="none">


html unordered list(none) Example :-

 <html>
<body>
<ul type="none" >
        <h2>None</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>

</body>
</html>

html unordered list(none) output

html unordered list(none) output







Read more 

Visit The  link

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form



Tuesday, November 14, 2023

html list

 HTML List 

html list /output




HTML List :-

Different Type of  HTML list.

                   1] Ordered HTML  List.
                  2] Unordered HTML List 
                  3] Description  HTML List



1] Ordered HTML List :-

Q. what is the ordered list in html?

  •      Ordered list is also known as  Number list or alphabetical.
  •     All ordered html list items are marked with the Number in by default.
  •     Ordered list Starts <ol> tag and closing with the </ol> tag.
  •     Ordered list each  items start with the <li> tag and closing with the items </li> tag. 

   Ordered list  represent different Type

 1)  Numeric Number(1,2,3,4,5)

 2) Capital Roman Number (l ,ll , lll , lV)

 3) Small Roman Number( i, ii, iii, iv)

 4) Capital Alphabet (A,B,C, D)

 5) Small Alphabet (a, b, c, d)

Q. How to make ordered list in html.

Ordered HTML List :-

1) Numeric Number -

Ordered html list is numeric number is default type.
Numeric Number  is not defining type ="1"
.

 Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  
    <ol>
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>


Output

ordered html list/output







2) Capital Roman Number (l ,ll , lll , lV) :-

Capital Roman Number  display list in roman number uppercase.

Capital Roman Number is  defining type ="I" .

Syntax :-

Ol type="I"

Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  

   <ol type ="I">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>



 Capital Roman Number  OUTPUT :-

Capital Roman Number/output







 3) Small Roman Number( i, ii, iii, iv) :-

Small Roman Number display list in roman number lowercase.
Small Roman Number is defining type ="i" 

Syntax :-

Ol  type = "i"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
 
    <ol type ="i">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>  
</body>
</html>

 OUTPUT :-

lowercase html list /output






4)Capital Alphabet (A,B,C, D) :-

Capital Alphabet display list in Uppercase.
Capital Alphabet  is defining type ="A" 

Syntax :-

Ol  type = "A"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
<h3>Capital Alphabet </h3> 
    <ol type ="A">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>
</body>  
 </html>

OUTPUT

capital alphabet list html/output

 5) Small Alphabet (a, b, c, d) :-


Small Alphabet display list in lowercase.

Small Alphabet is defining type ="a" 

Syntax :-

Ol  type = "a"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
    <h3>Small Alphabet </h3>
        <ol type ="a">
<!-- ordered html list syntax -->
            <li>HTML</li><!-- list tag -->
            <li>CSS</li>
             <li>JAVASCRIPT</li>
        </ol>
</html>
</body>

OUTPUT :-

output small alphabet /output







 Read more 

VISIT THE WEBSITE 

How to add image tag in html

html anchor tag

Customer login using html &css

Html unordered list

Saturday, November 11, 2023

how to insert a background image in html.

how to add 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 add background
image  in html programe . <br>
    learning for the this website website.<br>
     follow this website and learning in the
HTML,CSS,JAVASCRIPT
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');


Visit link :-


anchor-tag in the html

image tag

html list

paragraph-tag.html

comments-tag.html

Thursday, November 2, 2023

how to add image tag in html

 How To Add  Image Tag In Html 


HTML IMAGE TAG CODE




Q] What Is The  Image  Tag  In  HTML?


  1.  The  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 used embed an image in HTML page.
  5.  Image are not technically  insert into a web page.
  6.  image are linked in 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 used to specify the path to the 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 the image.

 2] alt :-

  •    The alt attribute defines an alternate  text for the 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 used 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


👉👉

 VISIT THE LINK

👍👍 

html-anchor-tag