Day 1 -- Code Listings for VSC -- July 20, 2019 : First Website

HTML 5 is the Language that forms the content and structure for a rendered HTML file ( *.html ). WE all ( John, Pooja, Brandon, David, Tanya, Florence,Markus,Alex, James, and Nikhaz ) meet on Saturday afternoons to learn about HTML 5 in several ways: (1) actual coding, (2) understanding terms and concepts, (3) wide network understanding how HTML pages are structured and delivered to the client. And other stuff.... Participation on this forum constitutes class attendance. Join the conversation for the times between weekends when we meet. Thanks everyone.
Post Reply
User avatar
james
Posts: 148
Joined: Mon Apr 16, 2018 1:03 pm

Day 1 -- Code Listings for VSC -- July 20, 2019 : First Website

Post by james » Sat Jul 27, 2019 9:44 am

Here is the Listing for the index.html file we created

Code: Select all

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="./index.css">

    <title>James Site</title>
</head>

<body>

    <h1>This is my site James</h1>

    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorum odit animi laboriosam facilis porro ab
        voluptatem, cum dignissimos minus, nulla voluptatibus itaque optio aliquam. Saepe explicabo deserunt commodi
        iusto aspernatur exercitationem ex tempore perspiciatis fuga obcaecati tenetur dolorem ipsum magni autem labore
        nam, rem et laborum incidunt cupiditate veniam harum tempora consectetur. Tempore architecto aliquid facere
        placeat dicta! Nihil aliquam ducimus odio deleniti ea labore illo, dolorum esse ullam, iure cumque. Deserunt
        molestias placeat, ducimus dignissimos officia unde? Ea odit, ipsum voluptates obcaecati ratione debitis
        incidunt quod fugit rerum adipisci repudiandae ut, tempora non temporibus! Minus autem beatae officiis magni.
    </p>



    <div>
        a;ljdflsjda asldfj salsadlflsaf <br>
        fljsadfj saldfj <br>
        alfdkj slaflsjdaf <br>
        afkdljsa fljsadfjsa <br>

    </div>

    <p  id="test" >  Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque optio pariatur aperiam odit facere rem
        dicta commodi modi officia dolor?</p>


</body>

</html>
And, here is the linked index.css Cascading Style Sheet file:


Code: Select all

p { color : red;
    background-color: black;
    font-size:  1.5em;
    padding : 15px;       }

#test { color :blue;
        background-color: green;}


div { background-color:  yellow;
        padding 10px;
        margin : 5px;
        width : 50%;
        border : 3px dashed black;
    }
:twisted:



User avatar
fkilonzi
Posts: 2
Joined: Sat Jul 20, 2019 4:05 pm

Re: Day 1 -- Code Listings for VSC -- July 20, 2019 : First Website

Post by fkilonzi » Sat Jul 27, 2019 11:18 am

Thanks! very helpful.



Post Reply