Thursday, November 30, 2023

html radio button

HTML Radio button

Radio Button information :-

Syntax :-

<input type ="radio">

Input element use to html forms.
The <input> type ="radio" in radio button.
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>

HTML FORM

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

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

HTML <input type ="password"> :-

Password use to the entered characters are masked or hidden.
password textbox hide characters.
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 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

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

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 short to your time Avoiding failure.
          </dd>
        <dt> Enjoy</dt>
        <dd>Enjoy your day to day life today because yesterday gone<br>
         and tomorrow  never promised.</dd>
         <dt>Moments</dt>
         <dd>Best moment of our life are not captur by camera 
        but are stored good memories in our mine 
           and they always makes us smile.</dd> 
           </h3>
    </dl>
</body>
</html>

html ordered list

html customer login form

Responsive image hrml

html unordered list

Unordered List HTML

Q. what is the unordered list in html?

HTML Unordered List :-

1] Unordered list is a Bulleted Format.

2] Unordered list starts with the <ul> tag.

3] Unordered list end </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

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

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

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

php program to print alphabet pattern C

php program check to even odd number

html description list | with example

Tuesday, November 14, 2023

html ordered list

HTML List

HTML List :-

Different Type 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 item start with <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

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

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

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

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

javascript logical operator

how to create a navigation bar

php program to print increasing triangle

Saturday, November 11, 2023

how to add background image in html.

how to insert 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 :-

ad

Thursday, November 30, 2023

HTML Radio button

Radio Button information :-

Syntax :-

<input type ="radio">

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

Related Post :-

Tuesday, November 21, 2023

HTML FORM

FORM information :-

FORM IS CREATED USING <FORM> TAG.

HTML <INPUT > ELEMENT :-

Attribute :-

1] Type :-

2] name :-

html <Input> element Output :-

2] Text Input Control Example:-

Text Input Control OUTPUT :-

HTML <input type ="password"> :-

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

HTML Password Field Controls :- Example

HTML Password Field Controls :- Output

HTML Email field Control :-

<input type ="email">

HTML Email field Control Example :-

HTML Email field Control :- output/Result

Related Post

Friday, November 17, 2023

HTML Description List

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

Related Post html unordered list

Unordered List HTML

Q. what is the unordered list in html?

HTML Unordered List :-

Syntax :-

<ul type=" put the list type ">

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

1) disc :-

Syntax :-

<ul type="disc">

HTML Unordered List (disc) Example :-

HTML Unordered List (disc)

Output :-

HTML Unordered List

2) circle :-

Syntax :-

<ul type="circle">

HTML Unordered List(circle) Example:-

HTML Unordered List(circle)

Output :-

HTML Unordered List

3) square :-

Syntax :-

<ul type="square">

HTML Unordered List(square) Example :-

HTML Unordered List(square)

Output :-

4) none :-

Syntax :

<ul type="none">

html unordered list(none) output

Related Post :-

Tuesday, November 14, 2023

HTML List

HTML List :-

Different Type 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 item start with <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)

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

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

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

Related Post

html unordered list

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

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 item start with <li> tag and closing with the items </li> tag.

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

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

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