Web development
Web development is a technique or process starting from a basic web page to a full fledged website.
HTML
It is a first and core language to build up the web page that uses markups to build the structure of a website.
<!DOCTYPE html>
<html>
<head>
<title>Title of the page</title>
</head>
<body>
<h3>Heading 3</h3>
<p>Here a paragraph is written.</p>
</body>
</html>
CSS
If you have learned HTML, start learning CSS (Cascading Style Sheet). It designs the HTML elements and makes a web structure user-friendly. Thus, it is opted to design a web page.
<style>
div{
background-color:lightblue;
}
h3{
color:red;
}
p{
font-size:18px;
}
</style>
JS
JavaScript is a scripting language that dynamically changes HTML and CSS as a result of some event such as onload, onmousemove etc. Thus, it makes a page more dynamic.
<style>
div{
background-color:lightblue;
}
h3{
color:red;
}
p{
font-size:18px;
}
</style>
HTML-CSS-JS implementation
Web4College enables you to think about the various aspects of a property, relation between two properties, and it describes how to implement those properties to make new designs. See the projects that have been made with HTML and CSS.
Analog Clock
Emoji
Bouncing ball
Falling banner
Rotating banner
Fluid type navigation bar
Zoom-in navigation bar
How to make buttons
How to make navigation bar
How to make sidebar
Heading
CSS commented shapes
elliptical shape
The animation of circular links
Sliding links moving to the right.
Sliding links moving to the left.
13. The social links move to the left side on mouse hover.
Sliding links moving to the bottom.
14. The social links move to the bottom side on mouse hover.
The animation of an emoji.
Projects+
Wait! More projects coming soon.
Was this article helpful?