Introduction
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.
Include CSS and JS.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FlexiFrame</title>
<link href="https://cdn.jsdelivr.net/gh/nishikantaray/[email protected]/flexiframe.min.css" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://cdn.jsdelivr.net/gh/nishikantaray/[email protected]/flexiframe.min.js" crossorigin="anonymous"></script>
</body>
</html>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.
Last updated