<!--This text will teach u to add inline and internal CSS -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- internal css -->
<style>
p.example
{color:khaki ;}
</style>
<!-- internal css -->
</head>
<body>
<h3>Helllooooo</h3>
<!-- inline css -->
<span style = "color:mistyrose; background-color: coral;"> Text shown in mistyrose and with a coral background</span>
<!-- inline css -->
<!-- internal css implementation -->
<p class = "example"> This text is in color</p>
<!-- internal css implementation -->
</body>
</html>
<!-- Refer line 27 to get a understanding of using inline CSS -->
<!-- So for internal css you have to first make a class and
then add that class in your style tag so that it knows which 3
paragraph or span or whatever tag to act upon -->
<!-- The way to make a class in paragraph or whatever is before
the closing angular bracket u should add class = "your_classname" followed by
closing angular bracket -->
<!-- and in the style block you have to add it using a period (period = .)
followed by your class name -->
<!-- Refer lines 14 and 32 for internal CSS -->
<!-- -->