jueves, 23 de abril de 2020

CSS_P5.1_IMAGE-RECIPE_SOLORIO

<html>
<body>
<head>
<style>
        body{
            background-color: C2F2FF;
            color: Black;
            padding: 20px;
            font-family: Arial, Verdana, sans-serif;
        }
</style>
</head>
<h1><b>Potato chips</b></h1>
<img src="papasfritas.jpg" width="200" height="200" align="top">
<br />
<h2>Ingredients:</h2>
<table border="1" bgcolor="black">
<tr>
<th bgcolor="FEBBBB" scope="col"><p>•3 or 4 potatoes (300g.)</p></th>
<th bgcolor="FFFFC8" scope="col"><p>•4 cloves of garlic</p></th>
</tr>
<tr>
<td><img src="papas.png" width="200" height="200" align="left"></td><td><img src="ajo.jpg" width="200" height="200" align="top"></td>
</tr>
<tr>
<th bgcolor="C8FFC9" scope="col"><p>•Olive oil</p></th>
<th bgcolor="C8E3FF"scope="col"><p>•Salt to taste</p></th>
</tr>
<tr>
<td><img src="oliva.jpg" width="200" height="200" align="left"></td><td><img src="sal.jpg" width="200" height="200" align="top"></td>
</tr>
</table>
<br />
<h2>Instructions:</h2>
<ol>
<figure>
<li>Heat olive oil in a pan.</li><br>
<li>Add the cut potatoes, salt and garlic.</li><br>
<li>Fry to taste.</li><br>
<li>Serve on plate.</li>
</figure>
</ol>
<hr>
</body>
</html>

No hay comentarios:

Publicar un comentario