Web page using HTML elements #2 Web development Course


<!DOCTYPE html>
<html lang="en">

    <meta charset="UTF-8">
    <meta name="author" content="Dave Gray">
    <meta name="description" content="This page contains link favicon icon and css how to create as I learn HTML in web designing Madurai">
    <title>My First Web Page</title>
    <link rel="icon" href="https://www.webgapp.com/wp-content/uploads/2023/04/webgapp-logo-edited.png" type="image/x-icon">
    <link rel="stylesheet" href="main.css" type="text/css">

    <h1>Hello World!</h1>
    <p>This is my first web page.</p>



html {
    font-size: 22px;

body {
    background-color: #333;
    color: whitesmoke;

The provided code is an HTML document that represents a web page. Let’s break it down and explain each section:

  1. <!DOCTYPE html>: This is a document type declaration that specifies the document type as HTML5.
  2. <html lang="en">: The <html> tag defines the root element of an HTML document. The lang attribute specifies the language of the document, which is set to English (en).
  3. <head>: The <head> section contains meta-information and external resources for the HTML document.
  4. <meta charset="UTF-8">: This meta tag sets the character encoding to UTF-8, which is a standard character encoding that supports a wide range of characters and symbols.
  5. <meta name="author" content="Dave Gray">: This meta tag specifies the author of the web page as “Dave Gray”.
  6. <meta name="description" content="This page contains all the things I am learning how to create as I learn HTML.">: This meta tag provides a brief description of the web page content, stating that it contains things the author is learning as they learn HTML.
  7. <title>My First Web Page</title>: The <title> tag sets the title of the web page, which will be displayed in the browser’s title bar or tab.
  8. <link rel="icon" href="html5.png" type="image/x-icon">: This line specifies a favicon for the web page, which is the small icon that appears in the browser tab. The href attribute points to the location of the favicon file, in this case, “html5.png”.
  9. <link rel="stylesheet" href="main.css" type="text/css">: This line links an external CSS file named “main.css” to the HTML document. The CSS file contains styles that will be applied to elements on the web page.
  10. <body>: The <body> tag encloses the content of the web page that will be displayed in the browser.
  11. <h1>Hello World!</h1>: This is a level 1 heading element (<h1>) that displays the text “Hello World!” as a heading on the web page.
  12. <p>This is my first web page.</p>: This is a paragraph element (<p>) that displays the text “This is my first web page.” as a paragraph on the web page.

Overall, the code sets the character encoding, specifies meta-information, includes external resources like CSS and favicon, and defines the content of the web page using HTML elements.

Are you looking for a Web Development Certification Training Course and Internship in Madurai?

Join our team and gain valuable experience through our internship program designed specifically for computer science engineering students. Enhance your skills, expand your knowledge, and carve a successful career path in the dynamic world of web development. Take advantage of this opportunity in Madurai and visit our website today to learn more and embark on a journey towards professional growth and expertise.

For More Details

+91 97879 68375

-> You should bring your own laptop during the Course

60 Hrs Practical Learning

Who can enroll on this course?

  • Graduates or under-graduates.
  • Diploma holders with basic computer knowledge
  • Business Entrepreneurs

After the completion of the web design & development course here at Webgapp, you can become a professional in the IT sector and your job role could be any one of the following –

  • Front end web designer
  • Back end web developer
  • Web application Designer
  • Design and layout analyst
  • Web developer
  • Web Designer

The Web Designing Course in Madurai at Webgapp shows the right path to students and professionals who have an eye for learning the web designing course. 

  • Real-Time Experts as Trainers
  • LIVE Project
  • Certification
  • Affordable Fees