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;}
___________________________________________________________________