Learning How to Code

Basic level of HTML, CSS, and Javascript

HTML

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width">

<title>Learning how to code</title>

<style>

body{

font-family: Arial; color: black; font-size: 100%;

}

 

#heading{

color: orange;

border: 3px solid blue;

border-radius: 10px;

text-align: center;

}

 

#h2{

width: 70%;

margin: auto;

}

 

#header{

font-family: Arial;

font-size: 20px;

text-align: center;

text-transform: uppercase;

color: white;

background-color: black;

border: 3px solid orange;

border-radius: 10px;

}

 

#header2{

font-family: Arial;

font-size: 20px;

text-align: center;

text-transform: uppercase;

}

 

#em{

color: black;

}


 

#d {

text-align: left;

}

 

@media screen and (max-width: 768px){

#h2{

width: 90%;

}

#header header2{

font-size: 200%;

}

}

a:link {

color: blue;

background-color: transparent;

text-decoration: none;

}

 

a:active {

color: yellow;

background-color: transparent;

text-decoration: none;

}

 

a:visited {

color: green;

}

 

a:hover {

color: red;

}

</style>

</head>

<body>

<div id="h2"

 

<section>

<h1 id="heading">Learning How to Code</h1>

<a href="https://www.davidbenz0291.com/" title="click to go to davidbenz website">

<img src="https://i.imgur.com/0FcVVPw.jpg" style="width:100%; height:auto/>

<a href="https://www.davidbenz0291.com/" alt="link" title="click to go to davidbenz website"<h1>How to code in 2021</h1></a>

<p>I've been searching for a job <q><strong><em id= "em">opportunity</em></strong></q> in my area, but due to the covid-19 situation, it has become more difficult to find a job and also imparative to learn new things related to IoT (internet of things). This is the reason for my decision to learning coding. So far, Self thought has been so great, but I alos think cert is another important thing to show employers.</p><button onclick="myfunction()">Learn about me</button>

</section>

 

<section>

<h2 id="header">Preferred cities to work in</h2>

<ul>

<li>

Berlin

</li>

<li>

Stuttgart

</li>

<li>

Munich

</li>

<li>

Hamburg

</li>

<li>

Frankfurt

</li>

<li>

Leoberg

</li>

<li>

Bremen

</li>

</ul>

</section>

 

<section>

<h2 id="header">My experience while living alone in Dileniusstr 25</h2>

<p>My curiosity has lead me to this incredible expereince. I have never been so happy before. My first line of codes get me so excited. I will never forget this day. What a great feeling!<p>

</section>

 

<section>

<h2 id="header">Career Change</h2>

<p>As a user experience designer,I'm looking for a way to add valuable skills to my portfolio through <mark> <a href="https://www.davidbenz0291.com/" title="website"> sel-improvements.<a/></mark> I think basic knowledge of html, css and js will do just that.

</p>

</section>

</div>

</body>

</html>

Coding.png

Unordered list 

{CSS Styles}

<Body>

<div>

</Body>

<div>