Learn with Naveeda

http://127.0.0.1:5501/form2.html

<!DOCTYPE html>
<html >

<head>
    
    <title>Document</title>
    <style>
        p {
            color: grey;
        }
    </style>
</head>

<body>
    <fieldset style="border: 2px solid black; background-color:rgb(231, 146, 60)">
        <img src="employment.jpg" alt="" width="1300px" height="400px;">

        <form action=""></form>
        <h1>Employment Application</h1>

        <p>Fill the form below accurately indication your potentials and suitability 
to job applying job.</p>
    </fieldset >

    <fieldset style="border: 2px solid black; background-color: bisque;" >
        <form action=""></form>
        <b>Name*</b> <br><br>
        <input type="text"
            style="width: 300px; height: 30px; border-radius: 5px;">&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<input
            type="text" style="width: 300px; height: 30px; border-radius: 5px;">
        <p>First Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Last Name</p>
<br><br> <br>
        <b>Date Birth*</b> <br><br>
        <input type="number" min="01" max="12" style="width: 170px; height: 30px; 
border-radius: 5px;">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="number" min="22" max="60" style="width: 170px; height: 30px; 
border-radius: 5px;">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="number" min="2000" max="3000" style="width: 170px; height: 30px; 
border-radius: 5px;"> <br>
        <p>Month&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; Day&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;Year</p> <br><br><br>
        <b>Phone Number*</b> <br><br>
        <input type="number" placeholder="(000) 000-0000" style="width: 300px; 
height: 30px; border-radius: 5px;">
        <br><br><br>
        <b>Email*</b> <br><br>
        <input type="text" placeholder="ex:myname@example.com" style="width: 300px; 
height: 30px; border-radius: 5px;">
        <br>
        <p>example@example.com</p><br><br><br>
        <b>Address*</b> <br><br>
        <input type="text" style="width: 600px; height: 30px; border-radius: 5px;"> 
<br>
        <p>Streat Address</p> <br> <input type="text" style="width: 600px;
 height: 30px; border-radius: 5px;"><br>
        <p>Streat Address Line 2</p> <br><br>
        <input type="text" style="width: 290px; height: 30px; border-radius: 5px;">
        <input type="text" style="width: 290px; height: 30px; border-radius: 5px;">
<br>
        <p>City&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;State/Province
        </p> <br><br>
        <input type="text" style="width: 600px; height: 30px; border-radius: 5px;">
<br>
        <p>Postal/Zip code</p><br><br> How were you referred to us?* <br><br>
        <input type="button" style="width: 20px; height: 20px;"> Walk-in
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Referral <br><br>
        <input type="button" style="width: 20px; height: 20px;"> Newspaper Ad
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Facebook<br><br>
        <input type="button" style="width: 20px; height: 20px;"> Twitter
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Linkedln <br><br>
        <input type="button" style="width: 20px; height: 20px;">Other(Please Specify)
 <br><br><br>
        <b>Resume And Files</b> <br><br>
        <input type="text" placeholder="Upload a Files &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 Drag and drop files here"style="width: 600px; height: 150px; border-radius: 5px;"> 
<br><br>
        <b>Motivation letter*</b> <br><br><input type="text" style="width: 600px; 
height: 150px; border-radius: 5px;"> <br><br>
        <b>Training And Certifications</b><br> <br>
        <input type="text" placeholder="Title" style="width: 300px; height: 30px; 
border-radius: 5px;" > <input type="date" placeholder="Date" style="width: 80px; 
height: 30px; border-radius: 5px;"><br> <br><input type="submit" placeholder="Save" 
style="width: 80px; height: 30px; border-radius: 5px;"> <br><br><br> 
         <h1>Reference</h1><p>Please list two (2) references that are familiar with 
your work life.</p> <br><br> 
        <b>Referance</b><br> 
        Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > 
<br><br> 
        Tital &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Relation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Email  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" >
<br><br> 
        Phone Number &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
<input type="number" style="width: 400px; height: 30px; border-radius: 5px;" >
 <br><br> <br> 
        <b>Referance</b> <br> 
        Name         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Tital &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Relation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Email &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Phone Number &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        </fieldset> 
        <fieldset>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" style="width: 150px;height: 30px; border-radius: 5px;" >
    </fieldset>

</body>

</html>

Definition And Usage

The <html> Tag represent the root of an HTML documents. The <html> tag is the container for all other HTML elements(except for the <!.

HTML tags

Head

Head tag in HTML is used to define the head portion of the document which contains information related to the document. <head>…</head>

Paragraph

The HTML element defines a paragraph. A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a ...

Center

The <center> tag was used in HTML4 to center-align text. What to Use Instead? Example. Center-align text (with CSS):. <html>

Bold

The HTML <b> element defines bold text, without any extra importance. Example. This text is bold

Italic

The tag defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic. The tag is often used to indicate ...

Underline

We use the tag, to underline a text in HTML. It represents a text in a different style from another text in the content of the web page.

Sub

The tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.

Example:-

1 ³ =1

2=8

3=27

4=64

5=125

Learn with Naveeda

Pages

Saturday, August 12, 2023

TABLE Templates

BLOCK tag

IN-LINE tag

Wednesday, August 9, 2023

Employment Application Form

Monday, June 26, 2023

Calculator.html

Wednesday, June 14, 2023

Lecture#6(What is tags )

Lecture#7(What is Attributes)

TABLE Templates

Total Pageviews