Studying coding PT.1

Hello,
Me M2NNARI is back, I know I haven´t posted for a while, but now I want to change this.
I think the simplest excuse is, that I´m focused on school.

So...I was wondering, what should I post to bring pepole back to my profile......and then my friend @tsnaks gave me idea, "Post about your schoolworks, mainly what you have learned in Coding lesson".
And then I was like, o yea that would be amazing if I can share with you my experiences of writing codes and learn at the same time more about the coding.

And there is the first episode of "Studying coding".

So first of all, I didn´t have any experience with coding, so it was last time to start learn it, if I want to finish my school.
NOTE: I´m studying in Multimedia class(focused on webdevoping).

In the first lesson, we installed the app call Adobe Dreamweaver 2020, where you can write code for any language(coding language, like HTML/CSS,JavaScript and more).
Then, we opened it, teacher talked all about the settings, and plusses and minuses of the app.

And, for finally it was time for us to practice writing code.
We started with HTML/CSS, and wrote very easy code.
We wrote code, how to make the navigation bar for the website.

<html>
<head>
<meta http-equiv="Content-Type" content="txt/html; charset=UTF-8" />
<title>CosmoFarmer</title>
<style type="text/css">
/* BASIC */
body { 
    font: 62.5% Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 20px;
}


/*NAVIGATION*/
    ul#mainNav{
        border-left: 1px dashed #999999;
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
}
    
#mainNav li {
        float: left;
    width: 12em; 
}

#mainNav a {
    text-decoration: none;
    color: #000000
    font-size: 1.1em;
    text-transform: uppercase;
    border: 1px dashed #999999
    border-left: none;
    display: block;
    padding: 7px 5px 7px 30px;
    background: #E7E7E7 url("../../Pictures/link.png") no-repeat left center;
}

#mainNav a:hover {
    background: #B2F511 url("../../Pictures/go.png") no-repeat 5px 50%;
    font-weight: bold;
}

/*special formatting for home page link */
a#homeLink { 
    background: #E7E7E7 url("../../Pictures/home.png") no-repeat 5px 52%;
}

/* styles for the "you are here" buttons */
#home #mainNav a#homeLink, #feature #mainNac a#featureLink {
    background: #FFFFFF url ("file:///C:/Users/opilane/Pictures/bg_here.png") no-repeat 5px 50%;
    padding-right: 15px;
    padding-left: 30px;
    font-weight: bold;
}

#home #mainNav a#homeLink:hover, #feature #mainNav a#featureLink:hover { 
    color: #B2F511;
}

.preload{
    background-image:url("file:///C:/Users/opilane/Pictures/go.png);
    display: none;
}



feature">
    mainNav">
        http://www.delfi.ee" id="homeLink">Home
        <li><a href="#" id="featureLink">Features</a></li>
        <li><a href="#" id="expertLink">Experts</a></li>
        <li><a href="#" id="quizLink">Quiz</a></li>
        <li><a href="#" id="projectLink">Projects"
        #" id="horoscopeLink">Horoscopes
    </ul>
<div class="preload">&nbsp;</div>
</body>
</html>

NOTE: If you are trying to copy/paste this code, it won´t work, because you have to replace the pictures, what are inserted to this code.

For the first lesson, it was very interesting and nice.
It increased my motivation, to study more this and really want to continue in this class, what I choosed.

I think, for this episode it´s all.

Thank you to find time to read my first episode of this series.
The next episode is coming out next week.

Studying coding PT.1 | Ecency