First, I want to thank my teachers @kouba01 and @sttarchris who ran this good campaign. We can learn web development well and create beautiful websites. This is the first week of the season so hopefully we will learn more in the coming weeks and have a good campaign as well as good content.

Task 01

Quiz

Answer

Task 02

Theoretical

01

This tag is used to provide various types of information on a web page. It helps to understand browsers' search engines and indexes.

For example, in the form I created today, I used the meta tag to do two things.

Charset: This tag sets the character of the web page to UTF-8, which helps in understanding different languages.
Viewport: We use the viewport in the meta tag so that our web page looks right on all devices.

02

The input tag helps us to control our form which has different fields which are as follows.

The text field is used because it tells us that the data we want to fetch should be in text form only.

Name: Name refers to the name of our input.
Placeholder: The placeholder indicates to the user what to write in the field.

Example:

The radio button is used when we have to choose one of two or three fields. For example, if we have to use gender in a form, then we will select only one. Either we will select male or we will select female.

Example:

The check box is used when we have to select one or more things.
For example, if we want to select five or four days in a week, then we have to use this field.

Example:

03

UL is used to list any item but here it doesn't matter the order in any order we can create and it is marked with bullets.
OL is also used to create a list of items but here the order matters. We mark it with sequence and it is marked with numbers.

Example:

04

The form tag is used to take input from the user and send it to the server. It contains various types of elements including input fields, checkboxes, radio buttons, etc.

Action: Action is an attribute that lets us know where the data will go after it is submitted.
Method: This HTTP method defines which method the data is going through. Going from the GET method or POST method.

Example:

05

The fieldset tag is used where group-related elements are present in the form for ease of understanding by the user and the developer and contains a legend tag that provides a caption for the group.

Example:

Task 03

Practical

First I simply downloaded VS Code from Google Chrome. Then I installed it on my laptop. After installing I opened it and created a new file called form. The output of the form I have created is shown below.

Here is all about my task. I try my best to perform let's see what's my teacher impression is.

Thumbnail Created On Canva By Me @ahsansharif

All Pictures Of My Property Were Taken From My Laptop And Add Background Using the Inshot App.

Invitation:
@rumaisha, @neelofar, @josepha

_{Dated: 11-07-2024 About Me}