Codepen.
io
<button onclick="showMsg()">Show Message</button>
Working of HTML - CSS - Javascript HTML <p id="msg" style="display: none;">Hello!</p>
#1
button, p {
font-size: 20px;
Code CSS }
function showMsg() {
[Link]('msg').[Link] =
'block';
JS }
Setting up Visual Studio for HTML
#2
It provides the structure and layout for content on the World Wide Web
HTML is composed of elements, which are represented by tags
HTML - Hyper Text Markup Language enclosed in angle brackets (< >)
#3
These tags define the different parts of a web page, such as headings,
paragraphs, images, links, and more.
<!DOCTYPE html>
declares the document type and version of HTML.
Standards Mode Activation: Including <!DOCTYPE html> at
the beginning of your HTML document ensures that the
browser renders the page in standards mode
<html>
It is the root element that wraps all other HTML elements.
<html lang="en">
1
<Meta>
<meta> tags serve important functions in an HTML document, enhancing its compatibility, accessibility, and search engine
optimization (SEO).
UTF-8 is a universal character encoding standard that supports characters from practically all
written languages
<meta charset="UTF-8">
Helps prevent issues related to the interpretation of special characters and symbols in your
content
<head>
It contains meta-information about the document, such as
character encoding and viewport settings.
<title>
It sets the title of the web page.
<body>
It contains the visible content of the web page.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
It is a heading element.
<p>
It is a paragraph element.
<a>
It is an anchor element used for creating hyperlinks.
<img>
It is an image element.
<ul>
Defines an unordered list, typically displayed with bullet points.
<ol>
FULL STACK WEB Defines an ordered list, typically displayed with numbers or
letters.
DEVELOPMENT - HTML
<li>
(Hyper Text Markup Language) Defines a list item within <ul> or <ol>.
Important Tags <div>
#4
A generic container for grouping and styling elements.
<span>
A generic inline container for styling smaller portions of text.
<form>
Defines a form for collecting user input.
<input>
Defines an input control within a form, such as a text field,
checkbox, or radio button.
<textarea>
Defines a multiline text input control within a form.
<button>
Defines a clickable button.
<table>
Defines a table for organizing tabular data.
<tr>
Defines a row within a table.
<td>
Defines a cell within a table row.
<script>
Embeds or links to client-side scripts such as JavaScript for
adding interactivity and dynamic behavior to the webpage.
<style>
Embeds or links to CSS stylesheets for styling the HTML
content.
<iframe>
Embeds a nested browsing context, allowing another HTML
document to be embedded within the current document.
<label>
Associates a label with a form control, improving accessibility
and usability by providing a textual description or prompt for
the control.
<hr>
<hr> tag in HTML is used to create a horizontal rule (line) on a
webpage
Icons [Link]
#5 Webp [Link]