CS 248 - Week 3 - Web Editor

Web Editor - CS 248 - Week 3

<!DOCTYPE html>
<html>
    <head>
        <title>My Title</title>
        <style>
            body {
                background-color:#ffcccc;            
            }
            h1 {
                color:#8da89c;
            }

p {
                font-family:Helvetica, Arial;
            }
            #kevin {
                width:25%;
            }
            #rock {
                width:300px;
            }
            .items {
                color:red;
            }
            #first-item {
                color:blue;
            }
            li {
                display:inline-block;
            }
        </style>
    </head>
    <body>
        <h1>
            My header
        </h1>
        <p>
            Some text
        </p>

<ul>
            <li id="first-item" class="items">First</li>
            <li class="items">Second</li>
            <li class="items">Third</li>
            <li>Fourth</li>
        </ul>

<img id="kevin"  src="https://oyoclass.s3.amazonaws.com/post/img7/41354f390f2b42d7abea97c8bfb9987c-56116697f483a6229787d736.jpeg">
        
        <img id="rock" src="https://oyoclass.s3.amazonaws.com/post/img3/87de66b3030c40fda53273fde9d7e2bc-56116697f483a6229787d736.jpeg">

</body>
</html>

WebEditor - an OYOclass application, own your own class today.

Page Live Preview

Open page in New Window

Console

Created on 2021-02-22T17:00:32Z

Author: Mentor Doug