HTML / CSS / JavaScript

Information

Description of service:

Price: 50.000 ₸

Period of execution: 2 days

HTML, CSS, and JavaScript are the three main technologies used to create and develop websites. They work together to create interactive and attractive web pages.

HTML (HyperText Markup Language) is a standard markup language for creating web pages. It is used to define the structure of a web page and the content, such as text, images, and links.

CSS (Cascading Style Sheets) is a stylesheet language used to describe the appearance of HTML documents. CSS defines how HTML elements are displayed on screen, paper, or other media.

JavaScript is a programming language that allows you to create interactive elements on web pages. It is used to add dynamic content, control multimedia elements, animation, and other features that enhance the user experience on a web page.
Advantages of using HTML, CSS, and JavaScript:

HTML:

Easy to learn and use;
Wide browser support;
Extensive documentation and developer communities.

CSS:

Separation of content and presentation;
Ability to apply a single style to many elements;
Support for responsive design.

JavaScript:

Dynamic content management;
Event handling;
A wide range of libraries and frameworks to simplify development.

Major technologies for web development:

HTML:
- Create the structure of a web page.
- Use tags to mark up text, images, links, and other elements.
CSS:
- Define styles for HTML elements.
- Work with colors, fonts, layouts, and animations.
JavaScript:
- Add interactivity to a web page.
- Work with the DOM (Document Object Model) to dynamically change content.

An example of using HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample Page</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="content">
        <h1>Hello, World!</h1>
        <p>This is a sample page.</p>
        <button id="btn">Click Me!</button>
    </div>
    <script src="script.js"></script>
</body>
</html>

An example of using CSS

/* styles.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 20px;
}

#content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: auto;
    text-align: center;
}

h1 {
color: #333;
}

button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
background-color: #0056b3;
}

An example of using JavaScript:

// script.js

document.getElementById('btn').addEventListener('click', function() {

    alert('Button clicked!');

});