HTML
1). <!Doctype html>
<head>
<title> LEARNING HTML </title>
</head>
<body>
<h1>HTML is easy</h1>
<p>Hyper text markup language</p>
</body>
</html>
<br> element). These elements are called empty elements. Empty elements
do not have an end tag!
HTML links are defined with the <a> tag
<a href="https://www.w3schools.com">This is a link</a>
2).LINK-HTML
<!DOCTYPE html>
<head> HTML - LINKS </head>
<body>
<h1> How to add links </h1>
<p><a href="https:////www.w3schools.com">This is a link </a>
Hello,everyone
</p>
</body>
</html>
3).IMAGE- HTML
<!DOCTYPE html>
<head>HTML IMAGES</head>
<body>
<p>Html images are defined with the img tag</p>
<img src ="chris-bumstead-lifting-heavy-dumbbell-5hy47wmggeb8vmie.jpg" alt="cbum"
width="300" height="100">
</body>
</html>
CTRL + U in an HTML page, or right-click on the page and select "View Page
Source"
HTML is Not Case Sensitive
4). FONT- COLOR
<!DOCTYPE html>
<head> HTML FONT COLOR </head><br>
<body><b>
The style attribute<br> Trying different colors<br>
<p style="color:red;"> Red colored font.</p>
</body>
</head>
</html>
All HTML elements can have attributes
The href attribute of <a> specifies the URL of the page the link goes to
The src attribute of <img> specifies the path to the image to be
displayed
The width and height attributes of <img> provide size information for
images
The alt attribute of <img> provides an alternate text for an image
The style attribute is used to add styles to an element, such as color,
font, size, and more
The lang attribute of the <html> tag declares the language of the Web
page
The title attribute defines some extra information about an element.
HEADINGS ARE IMPORTANT
Search engines use the headings to index the structure and content of your
web pages.
Users often skim a page by its headings. It is important to use headings to
show the document structure.
<h1> headings should be used for main headings, followed by <h2> headings,
then the less important <h3>
5).FONT-SIZE CSS
<!DOCTYPE HTML>
<head> FONT SIZE - CSS </head>
<body>
<h1 a="font-size:60px;"> Increase in FONT SIZE </h1>
<p>normal text for sample</p>
</body>
</html>
The <hr> tag defines a thematic break in an HTML page, and is most often
displayed as a horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML
page:
The HTML <br> element defines a line break.
6).PRE – TAG
<!DOCTYPE html>
<head> PRE - TAG </head>
<body>
<p>The pre- tag </p>
<pre>
My name is Melz.
I do killer stuffs.
Fuck you coding,,,
</pre>
</body>
</html>