html,css

·

2 min read

web server: On the hardware side, a web server is a computer that stores web server software and a website's component files (for example, HTML documents, images, CSS stylesheets, and JavaScript files). A web server connects to the Internet and supports physical data interchange with other devices connected to the web. Ex: Apache,Nginx.

HTML Element: It is a collection of start and end tags with the content inserted in between them.

It consists of 3 parts.

  • Opening tag: It is used to tell the browser where the content material starts.

  • Closing tag: It is used to tell the browser where the content material ends.

  • Content: It is the actual content material inside the opening and closing tag.

Input Element: This takes input from the user based on the type of input.Ex: <input type="text"/> which is self closing tag type of text.We can use type of email, password etc. If we use password then it will not visible to user.

Audio and Video Tag:

HTML tags used to embed audio and video content on a web page.

Provides built-in playback controls and supports various media formats.

Flex Box (CSS):

CSS layout module used for building flexible and responsive web layouts.

Allows you to easily create complex layouts by defining flexible

containers and flexible items within them.

Positioning (CSS):

CSS property used to position elements on a web page.

Allows you to position elements absolutely, relatively, or fixed to a

specific point on the page.

CSS Box Model (Padding, Margin, Border):

The CSS box model defines the layout and sizing of elements on a

web page.

Includes properties for padding (space between the element content

and border), margin (space outside the element), and border (the line

around the element).

Media Query:

CSS technique used to apply styles based on the characteristics of

the device or browser viewing the web page.

Allows you to create responsive web designs that adjust to different

screen sizes and orientations.

CSS Grid:

CSS layout module used for creating two-dimensional grid layouts.

Allows you to define rows and columns, and place elements within

them to create complex and responsive layouts.