First learn basic HTML, then CSS and responsive CSS for Static websites and thereafter JavaScript and PHP for dynamic pages. If you also want to learn jQuery for more better works learn it at the same time with JavaScript

Website

A website is a set of web pages that relate to each other which is linked by hyperlinks. Each website has its address known as URL (Uniform Resource Locator). All the websites on the internet form the World Wide Web (www.).

Web page

A web page is a hypertext document that can be seen from a web browser. If a web page is linked to other web pages then it is part of a website. It can contain links, audio, video, text, and pictures. It can be created by using HTML(Hypertext Markup...

HTML

HTML(Hypertext Markup Language) is a markup language used to create web pages. It is a set of tags that are used to make the web pages and how the information is presented on the web pages. The web browser interprets the HTML codes and displays the contents of the web pages. It isn’t a programming language but rather a markup language meaning that it is a set of tags that tell the browser how to display the contents of web pages.

HTML was developed by Tim Berners Lee developed HTM in 1990...

HTML is made up of different tags and attributes. The tag is an HTML command that shows the layout or displays the desired output of a whole or part of the Web page. HTML tag is bound by angular brackets ( < > ) that always opens with a < (less than ) sign and closes with a > (greater than) sign. It controls the appearance, layout and flow of the Web page.

A tag contains three parts: element (identification of tag), attribute and value.

HTML tags can be of two types:

1. Paired Tags
2. ...

Tags to:-

a. Change the body background:

The body can be changed to a color, image or even a gradient:

Thebackground-colorproperty specifies the background color of an element.

Example

The background color of a page is set like this:

body{
background-color:lightblue;
}

With CSS, a color is most often specified by:

• a valid color name - like "red"
• a HEX value - like "#ff0000"
• an RGB value - like "rgb(255,0,0)"

CSS background-image

Thebackground-imageproperty specifies an image to use as the background...

Lists is a HTML feature used to group together related pieces of information in a list so they are clearly associated with each other and easy to read.

Lists are good from a structural point of view as they help create a well-structured, more accessible, easy-to-maintain document. They are also useful because they provide specialized elements to which you can attach CSS styles.

The three list types

There are three list types in HTML:

• unordered list— used to group a set of related items in no...

HTML Formatting

HTML Formattingis a process of formatting text for better look and feel. HTML provides us ability to format text without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 14 options available that how text appears in HTML and XHTML.

In HTML the formatting tags are divided into two categories:

• Physical tag: These tags are used to provide the visual appearance to the text.
• Logical tag: These tags...

Difference between External link and Internal link

• 
  

1. Internal Link :
Internal links are hyperlinks that direct the readers to a target page on your website. Internal link is a link from one page to another page on the same domain.

Exampleare website navigation.

Advantages of good internal link are :

• Internal link improves usability through anchor text.
• Internal linking improves page rank.
• Internal linking boots page views.
• Internal link decreases the bounce rate.
• Internal linking improves the...

An HTML form is used to collect user input. The user input is most often sent to a server for processing.

ExampleFirst name:

Last name:



The <form> Element

The HTML<form>element is used to create an HTML form for user input:

The<form>element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc.

Difference between Cellpadding and Cellspacing

• Cellpadding:

  Cellpadding specifies the space between the border of a...

CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, etc.

The following are the advantages of CSS

• CSS saves time You can write CSS once and then reuse the same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want.

• Easy maintenance To make a global change, simply change the style, and all...

Types of CSS (Cascading Style Sheet)

Cascading Style Sheet(CSS) is used to set the style in web pages that contain HTML elements. It sets the background color, font-size, font—family, color, … etc property of elements on a web page.
There are three types of CSS which are given below:

• Inline CSS
• Internal or Embedded CSS
• External CSS

Inline CSS:Inline CSS contains the CSS property in the body section attached with element is known as inline CSS. This kind of style is specified within an HTML tag...

Note: be sure to name the imgs, html & css properly and download the images from githhub for proper viewing of the website

Githhub link: https://github.com/Samyak354/mattrab_assgn

Final Result:-

HTML:

<html> <head> <title>Wyebsyte</title> <link rel="stylesheet" href="bruhhh.css"> </head>
<body> <div class="tht_black_thingy"> <div class="container_items">HOME</div> <div class="container_items">BAND</div> ...

Here is the html, css and js (u gotta flex u can use js when u can) codes for recreating ths website:-

For viewing codes in a clean and a programmer way, heres the link for githhub:

https://github.com/Samyak354/tht_calendar_thingy.github.io

Resources used (maybe useful for you in future projects):-

color picker chrome extension

google (that one time i had to search how to center a div)

Final Result (Close Enough Right??) :

This is gonna be a mess but here is the codes u can ctrl+c and ctrl + v (but...

It is the front-end developer who's responsible for everything that is pleasing to your eyes. The way the site looks, the way effects appear on hovering your cursor is all due to the work of a front-end developer.

It is the back-end developer who's responsible for the code that works on handling the information received, managing data-bases and so much more.