View video tutorial

TUTORIALS OVERVIEW

An Online Learning Platform, designed and developed by w3context for all who prefer reading and learning online content to develop their skills at their own time. Enjoy the best online tutorials.

HTML

The World Wide Web is an increasingly important aspect to us.

HTML is the primary and most important step in web development, web programming, etc.

Once HTML is known, other parts of web technology will be easier to understand.

It is easy to learn.

Learn HTML

Examples in Each Chapter

Setup your own environment and project yourself before trying each example.

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Example

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <p>Welcome to w3context.</p>
    <h1>Heading big.</h1>
    <h2>Heading smaller.</h2>
    <p>Paragraph.</p>
</body>
</html>

Try it Now »

Click on the "Try it Now" button to see how it works.

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Nav Example</title>
    <style>
        nav {
            display: flex;
            flex-wrap: wrap;
        }
        nav a {
            text-decoration: none;
            display: block;
            padding: 15px 25px;
            text-align: center;
            background-color: #9a9a9a;
            color: #000;
            margin: 0;
            font-family: sans-serif;
        }
        nav a:hover {
            background-color: #00f;
            color: #ffffff;
        }
    </style>
</head>
<body>
    <h1>HTML Nav Example</h1>
    <nav>
        <a href="https://www.w3context.com/html/">HTML</a>
        <a href="https://www.w3context.com/css/">CSS</a>
        <a href="https://www.w3context.com/js/">JavaScript</a>
        <a href="https://www.w3context.com/bs5/">BootStrap5</a>
        <a href="https://www.w3context.com/jquery/">jQuery</a>
    </nav>
</body>
</html>

Try it Now »

Click on the "Try it Now" button to see how it works.

CSS

CSS is the language used to describe the presentation of web pages.

CSS allows HTML elements to be styled in various aspects, including color, font, size, background, layout, and more.

CSS - Cascading Style Sheet

Using CSS we can style the color, font, size, background, layout and more of the web page elements.

Learn CSS

Copy each file contents and paste it to your project, run and see the final output when everything is OK.

Example

<div style="padding:10px; border-radius: 5px; border:1px solid #424242">
  <h1 style="text-transform: uppercase;color: green; text-align:center;">text formatting</h1>
  <p style="text-indent:50px;text-align:justify;letter-spacing:3px;">Lorem Ipsum is simply dummy text of the printing
    and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at
    its layout.</p>
</div>

Try it Now »

Click on the "Try it Now" button to see how it works.

Example

div p {
  background-color: yellow;
}

Try it Now »

Click on the "Try it Now" button to see how it works.

TUTORIALS OVERVIEW