HTML CODE
<!DOCTYPE html>
<html lang="en">
<head>
<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">
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first web page.</p>
</body>
</html>CSS CODE
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:
<!DOCTYPE html>: This is a document type declaration that specifies the document type as HTML5.<html lang="en">: The<html>tag defines the root element of an HTML document. Thelangattribute specifies the language of the document, which is set to English (en).<head>: The<head>section contains meta-information and external resources for the HTML document.<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.<meta name="author" content="Dave Gray">: This meta tag specifies the author of the web page as “Dave Gray”.<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.<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.<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. Thehrefattribute points to the location of the favicon file, in this case, “html5.png”.<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.<body>: The<body>tag encloses the content of the web page that will be displayed in the browser.<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.<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.
