For newbies in the web this maybe something weird to hear but HTML,CSS and JavaScript are the soul of the web, they are the languages that run it. (HTML) stands for Hypertext Markup Language , (CSS) Cascading Style Sheets and JavaScript.
They are very related to each others but designed to different task like siblings or brothers cleaning a house. HTML is adding meaning to raw content ,CSS is for formating that market up content basically it is the make up for html, the style or what make it loops pretty when its displayed and JavaScript is for make it more dynamic and interactive .
An example of HTML syntax is :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>To check it out we save the file as .html and run it in any browser , I highly recommend Chrome or Mozilla Firefox. The output will be this:
CSS and JavaScript can be added in different way to HTML it could be ether inside the HTML wrapped up by <Style> for CSS , <Script> for javaScript or creating a file and link it using reference link to the path for example:
An example of CSS syntax is :
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
When we are saving it in a file we have to add the type .css at the end or it wont run also when we link it have to be inside head tag in html.
javaScript is one of the most famous programming language it provides a lot of functionality also it could be tedious because it doesn’t provide an actual IDE like others programming languages. Its functionality is mainly based to add interactive features to the HTML An example of this is :
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
As we see in the example below inside the script we called a function to make a math operation and the rendered to the HTML, this is just a simple example of how manageable could be javaScript it can even manipulate HTML or CSS. The difference between all three is very obvious but each of them come taken by the hand of each other, and learning just this is the beginning of any web developer. You can have more information about them here.
Learning Programming 