asic
HTML
Definition
HTML - HyperText Markup Language
filetype
Files are saved as [filename].html
Basic Document
<!DOCTYPE html>
Tells browser
that this is <html> Tittle goes here.
HTML Document. <head>
<title> Page Title</title>
</head>
<body> Biggest heading.
<h1>My first heading</h1>
<p>My first paragraph.</p>
Paragraph text
</body>
</html>
Ravishankar kushwah
Basic Terminologies
Understand these 3 things first.
Element
Tags
Attributes
Element
<h1 class="heading"> Hi. I'm Ravi. </h1>
Opening Attribute Text here. Closing
Tag Tag
Head Tag
<!DOCTYPE html>
<html>
It contains <head>
title, icon links, <title> A meaningful Page Title </title>
& meta tags. </head>
<body>
</body>
</html>
Basic Terminologies
<!-- This is a comment --> This is a single line comment.
A comment can be multiple lines. Select
any text. Press ctrl + / . The text will be
turned into a comment.
<a href="[Link] LinkedIn</a>
<a> tag defines a hyperlink, which is used to link
one page to another.
Remember,
An unvisited link is underlined and blue.
A visited link is underlined and purple.
An active link is underlined and red.
The <ul> tag defines an <ul>
unordered(bulleted) list. <li>Web dev</li>
<li>Html</li>
Use the <ul> tag together <li>Css</li>
with the <li> tag to create <li>Js</li>
unordered lists. </ul>
Ravishankar kushwah
Basic Terminologies
<ol>
The <ul> tag defines an <li>Web dev</li>
ordered list. <li>Html</li>
An ordered list can be <li>Css</li>
numerical or alphabetical. <li>Js</li>
</ol>
<img src="[Link]" alt="User">
image tag image source When image is not loaded
or hover on image, you'll
here
see this text
Metadata
The <meta> tag defines metadata about an HTML
document. Metadata is data (information) about
data.
Ravishankar kushwah
Do you find it helpful?
Let me know down in the comments !
Ravishankar kushwah
@coderavii
coderavi