DEV Community

Cover image for Learn html by building google home page
Arun Kumar G
Arun Kumar G

Posted on

1

Learn html by building google home page

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- comments: wil not be displayed, but part of the html document when loaded  -->
    <!-- image  -->
    <img alt="Google" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
    <br />
    <!-- line break -->
    <input />
    <!-- input  -->
    <br />
    <br />
    <!-- buttons clickable  -->
    <button>Google Search</button>
    <button>I am feeling lucky</button>
    <br />
    <br />
    <!-- labels -->
    <label>Google offered in:</label>
    <!-- hyper links -->
    <a href="#">हिन्दी</a>
    <a href="#">ಕನ್ನಡ</a>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay