Select all the code between the lines, ctrl-C to copy.
Then in Notepad++ choose File -> New, then ctrl-v to paste.

Save your file as sample.html

_______________________________________________________________
The HTML File:
_______________________________________________________________

 

<head>
<title> Sample age</title>
<!–
<link rel=”stylesheet” type=”text/css” href=”style1.css”>
–>
</head>

<body>
<h1>Heading 1</h1>
<p>This is some text in a paragraph.</p>
<p>This is another paragraph.</p>
<hr>

<h2>Heading 2</h2>
<table border=”1″ width=”100%”>
<tr>
<td>Name</td>
<td>Fav Colour</td>
<td>Fav Food</td>
</tr>
<tr>
<td>Leanne</td>
<td>Red</td>
<td>Pancakes</td>
</tr>
<tr>
<td>Jakub</td>
<td>Purple</td>
<td>Apples</td>
</tr>
</table>
<br>
<hr>

<h3>Heading 3</h3>
<p>See our work <a href=”http://pilzirelandcareers.ie/scoilbarranaofa/”>Home Page</a> </p>
<p>What we already know:</p>
<ol>
<li>Scratch</li>
<li>HTML</li>
</ol>

<p>Favorite drinks:</p>
<ul>
<li>Smoothie</li>
<li>Green tea</li>
<li>Coffee</li>
</ul>

</body>
</html>

_________END of sample.html_____________________________________________

Select all the code between the lines below, ctrl-C to copy.
Then in Notepad++ choose File -> New, then ctrl-v to paste.

Save your file as style1.css

—————-START of style1.css———————————————————————–

body
{
font-size:75%;
font-family:verdana,arial,’sans serif’;
background-color:lightblue;
color:#000080;
margin:10px;
}

p
{
color:red;
text-align:left;
}

h1 {font-size:200%;}
h2 {font-size:140%;}
h3 {font-size:110%;}

ul {list-style:circle;}
ol {list-style:upper-roman;}

___END of style1.css______________________________________________________

Select all the code between the lines, ctrl-C to copy.
Then in Notepad++ choose File -> New, then ctrl-v to paste.

Save your file as style2.css

—START of style2.css——————————————————————————————–

body
{
font-size:75%;
font-family:”lucida calligraphy”,arial,’sans serif’;
background-color:#DCDCDC;
color:#8A2BE2;
margin:10px;
}

p
{
text-align:left;
}

h1 {font-size:200%;}
h2 {font-size:140%;}
h3 {font-size:110%;}

td {background-color:#FFFAF0;}

___________________________________________________________________

Copyright © Pilz 2018. All rights reserved. | pilz.ie