Introduction

  1. Basic HTML Document Structure

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>FlexiFrame</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>

Explanation:

  • <!DOCTYPE html>: Declares the document type and version of HTML (HTML5 in this case).

  • <html lang="en">: The root element of the HTML document, with a language attribute set to English.

  • <head>: Contains meta-information about the document, such as its title and character set.

  • <meta charset="UTF-8">: Specifies the character encoding for the document.

  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Ensures proper rendering and touch zooming on mobile devices.

  • <title>: Defines the title of the document, displayed in the browser tab.

  • <body>: Contains the content of the HTML document.

  1. Include CSS and JS.

Explanation:

  • <link rel="stylesheet" href="styles.css">: Links an external CSS file to the HTML document.

  • <script src="script.js"></script>: Links an external JavaScript file to the HTML document.

PreviousGetting startedNextDownload

Last updated