Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 4

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>

You might also like