HTML, CSS and JavaScript Basics for Beginners

HTML, CSS and JavaScript Basics for Beginners
50 Views

           In this post, we will discuss the basics of HTML, CSS, and JavaScript. Why we need all of these three languages to create web pages. Lots of new programmers have a question of why we need to learn all of them for creating a website.

          So let’s discuss all of them one by one in brief. Each language plays its own part in creating something. 

          Now day’s, For creating a beautiful and professional looking website we need to learn many languages and frameworks. but HTML, CSS, and JavaScript are base of any website.

HTML

          HTML stands for HyperText Markup LanguageHtml is like a structure of the website. It has various tags and attributes like Text, Button, Images, etc. Whatever we saw on the browser it was written in Html. This website also a combination of HTML, CSS, and javaScript.

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML Demo</title>
    </head>
    <body>
        <h1 id="title">Coding Script</h1>
        <p>Welcome to html page demo.</p>
        <div>
            <button>Click Me!</button>
        </div>
    </body>
</html>

CSS

            We can see the above text in the website looks very ugly. So, here is CSS come to play there role to make the website look beautiful.

            CSS stands for Cascading Stylesheet. CSS design our website and place each HTML element in the proper place. 

h1 {
    color: tomato;
    font-size: 70px;
    font-family: sans-serif;
    text-decoration: underline;
    text-align: center;
}

p {
    font-family: sans-serif;
    color: darkgray;
}

button {
    background-color: orangered;
    color: white;
    border: 0;
    padding: 20px;
}

JavaScript

           Now, our site is structure and design but functionality or action remaining. Html and CSS only place and design elements in the browser but JavaScript makes them actionable. JavaScript is a scripting language.

           By using JavaScript or js we can dynamically change HTML elements like text, style, and lots more. Also, we can validate the input like email, password. JavaScript a little bit hard than HTML and CSS but nowadays it is essential to learn to make website interactive.

function Click() {
    let title = document.getElementById('title');
    title.textContent = 'Welcome To Coding Script';
}     

 

Aniket Khote

Aniket Khote, founder of Coding Script. and also a freelancer. He has knowledge of various programming languages, WordPress, and project building.

Leave a Reply