viernes, 6 de marzo de 2020

CODE HS: STYLE THE TABLE

<!DOCTYPE html>
<html>
<head>
<title>Game Table</title>
     <style>
         table{
             font-size:18px;
             background-color:AliceBlue;
         }
         #favorite{
             background-color:green;
         }
         .game{
             background-color:orange;
             color:white;
         }
     </style>
</head>

<body>
<table border="1">
    <tr>
        <th>Board Game Name</th>
        <th>Number of Players</th>
        <th>Who Owns the Game</th>
    </tr>
    <tr>
        <td class=game>Settlers of Catan</td>
        <td>3</td>
        <td>Zach</td>
    </tr>
    <tr>
        <td class=game id=favorite>Monopoly</td>
        <td>6</td>
        <td>Kimmie</td>
    </tr>
    <tr>
        <td class=game>Checkers</td>
        <td>2</td>
        <td>Calvin</td>
    </tr>
</table>
</body>
</html>

CODE HS: WE REALLY LIKE DAIRY

<!DOCTYPE html>
<html>
<head>
<title>Grocery List</title>

    <style>
    li{
        font-size:20px;
    }
    .dairy{
        font-size:30px;
    }
    </style>
</head>

<body>
<h1>Food I Need</h1>

<ul>
    <li class=dairy>Milk</li>
    <li>Bread</li>
    <li class=dairy>Cheese</li>
    <li>Tea</li>
    <li>Lettuce</li>
    <li>Apples</li>
</ul>
</body>
</html>

CODE HS: ENDANGERED ANIMALS: ADD PICTURES

<!DOCTYPE html>
<html>
<head>
<title>Endangered Species</title>
<style>
    body{
        background-color:#FFD1AA ;
        font-size:18px ;
    }
    h1{
        color:#003333;
    }
    h2{
        color:#162955;
    }
    .endangered{
        color:red;
    }
    .threatened{
        color:OrangeRed;
    }
    .scientific-name{
        font-style:italic;
    }
    #baluchistan{
        border-style:solid;
    }
    #rat{
        border-style:dotted;
    }
    #bat{
        border-style:dashed;
    }
    #dog{
        border-style:double;
    }
</style>
</head>

<body>
<h1>Endangered Animals</h1>
<h2>Baluchistan Bear
<ul>
    <li class="scientific-name">Scientific Name: Urus thibetanus gedrosianus</li>
    <li>Lives in: Iran and Pakistan</li>
    <li class="endangered">Endangered</li>
     </ul>
     <img id=baluchistan src=https://www.google.es/search?q=Baluchistan+Bear&source=lnms&tbm=isch&sa=X&ved=2ahUKEwihtNu65oXoAhVyCWMBHX59BqgQ_AUoAXoECBIQAw&biw=1600&bih=789>
<h2>False Water Rat</h2>
<ul>
    <li class="scientific-name">Scientific Name: Xeromys myoides</li>
    <li>Lives in: Australia</li>
    <li class="endangered">Endangered</li>
</ul>
<img id=rat src=https://www.google.es/imgres?imgurl=x-raw-image%3A%2F%2F%2F1a6aecce075bed0780d5c959d393c0fa0704360173f2864e56296a548ec8f7b9&imgrefurl=https%3A%2F%2Fnt.gov.au%2F__data%2Fassets%2Fpdf_file%2F0008%2F376136%2Ffalse-water-rat.pdf&tbnid=B-1bB87sahr5HM&vet=12ahUKEwiBp8v-5oXoAhVN0hQKHei4BsgQMygBegUIARDcAQ..i&docid=Lvux857IDJ0MXM&w=600&h=417&q=False%20Water%20Rat&ved=2ahUKEwiBp8v-5oXoAhVN0hQKHei4BsgQMygBegUIARDcAQ>
<h2>Mariana Fruit Bat (Mariana Flying Fox)</h2>
<ul>
     <li class="scientific-name">Scientific Name: Pteropus mariannus</li>
     <li>Lives in: Western Pacific Ocean, US</li>
     <li class="threatened">Threatened</li>
</ul>
<img id=bat src=https://www.google.es/imgres?imgurl=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Ffd%2Ff9%2Fef%2Ffdf9efd307002b5102942c3e732ec465.jpg&imgrefurl=https%3A%2F%2Fwww.pinterest.com%2Fpin%2F363384263684853716%2F&tbnid=WYjCQcRQE-1NdM&vet=12ahUKEwjj7I-N54XoAhUBJxQKHayBALIQMygCegUIARDZAQ..i&docid=lnJePYz34W-k1M&w=1007&h=1259&q=Mariana%20Fruit%20Bat%20&ved=2ahUKEwjj7I-N54XoAhUBJxQKHayBALIQMygCegUIARDZAQ>
<h2>Utah Prairie Dog</h2>
<ul>
     <li class="scientific-name">Scientific Name: Cynomys parvidens</li>
     <li>Lives in: Utah, US</li>
     <li class="threatened">Threatened</li>
</ul>
<img id=dog src=data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxITEhUTExMWFhUXGBkbGBgXGBUZGhoYGhcXGBcdGhgaHSggGB0lGxcXITEhJSkrLi4uGB8zODMtNygtLisBCgoKDg0OGxAQGi0lHyUtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAMIBAwMBIgACEQEDEQH/xAAcAAACAgMBAQAAAAAEB>
</h2>


</body>
</html>