Html Tutorial with CSS Programs

Html file with CSS

Html File named as – Modi_Intro.html

<html>
<head>

<link rel="stylesheet" href="MyCss" type="text/css" ></head>
<title>Prime minister</title>
<body>
<marquee><font color="red">My life Biography</marquee>
<center><h1>Narendra Modi</h1></center>
<p>
<hr>
<center><font color="#0000ff">14th Prime Minister of India</font></center>
<font color="black">Some Details</font>
<pre>
Born 17 September 1950
Spouse Jashodaben Narendramodi
Education Gujarat university
</pre>
<hr>
<center><h1>Born to a Gujarati family in vadnagar</h1>
<h2><body bgcolor="#E6E6FA">Modi helped his faher sell tea as a child and later ran his own stall.</h2>
He was introduced to the RSS at the age of eight,<br>
beginning a long association with the organisation.<br>
He left home after graduating from school,party because of an arranged marriage which he rejected.</center>
<hr>
<center><font color="#0000ff">List of Modi Yojna</font></center>
<h4>All schemes Launched by Modi Government</h4>
<ol>
<li>Ayushman Bharat</li>
<li>Solar Chakra Mission</li>
<li>Transformation of Aspirational Districts Programme</li>
</ol>
<h4>Poshan Abhiyan</h4>
<ol type="I">
<li> National Nutrition Mission</li>
</ol>
<ol type="i">
<li>Mission Indradhanush</li>
<li>Soil Health card Scheme</li>
</ol>
<ol type="A">
<li>Beti Bachao,Beti Padhao Yojna</li>
<li>Pradhan Mantri MUDRA Yojna</li>
</ol>
<hr>

<h4>Abhiyan in unordered list</h4>
<ul type="disc">
<li>Anti-Narcotics scheme</li>
<li>GOBAR-Dhyan yojna</li>
<li>Green revolution  </li>
</ul>
<ul type="circle">
<li>Samagra Shiksha Yojna</li>
<li>"Khelo india school games"</li>
<li>Swachh Bharat Mission</li>
<li> Pradhan Mantri Make in India</li>
</ul>
<dl>
<dt>Tea</dt>
<dd>Hot drink</dd>
<dt>Milk</dt>
<dd>White hot cold drink</dd>
</dl>

<hr>
<center><font color="blue"><h1>Styles</h1></font></center>
<right>
<b>14th Current</b><br>
<i>Prime Minister</i>
<small></small>
CL<sub>2</sub>CL2<br>
Born on 17<sup>th</sup>th September 1950<br>
<tt>Member of BJP</tt><br>
<u>RSS</u>
<hr>
</right>
</p>
<center><font size=2 ><a href="form.html">Previous Page  </a>--<a href="one.html">Next Page</a>
</html>

CSS File named asMyCss.css

h1:
{
color:red;
size:12px;	
}
letter-spacing:
{
	letter-spacing:3px;
	
}
text decoration:
h1
{
	text-decoration:line-through;
	
}

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top