Welcome to CodzBox
In this website we will teach you to code from the small steps in HTML to the large steps in JavaScript
So fasten your seatbelts because you are into a bumpy ride!
1. Introduction
HTML is the basic building block of websites. It is the first ever a language a beginner must understand before moving on to other languages. With that being said, lets get started.
2. Tags
Tags are an essential part of HTML. It is the basic building block and indispensible tool of a programmer. A tag starts with a "<", then the name of the tag, for example- "h1" and closes with a ">". Then we write the details inside the tag, like "Hello World!" and close the tag by repeating the same process except we include a "/". Here's a complete example.
<h1>Hello World</h1>
Exercise 1-
Open codepen.io, click on start coding and paste this code in the html section.
<!DOCTYPE html>
<html>
<head>
<body>
<!--Write Code Below This Line-->
</body>
</head>
</html>
Then, add a "h1" tag with some text and finally, view the solution in the solution tab.
3. Attributes
Attributes are another important part of HTML. These are placed inside the tags and are used for a variety of reasons. We write an attribute by first writing the attribute name, for example- "color", then a "=" sign and finally, a pair of parenthisis ("") inside of which the value of the attribute is written, e.g.- "blue". Here's a complete example of an attribute.
<h1 color="blue">Hello World!</h1>
Exercise 2-
Open codepen.io and paste this code in the html section.
<!DOCTYPE html>
<html>
<head>
<body>
<!--Write Code Below This Line-->
<h1>I want an attribute!</h1>
</body>
</head>
</html>
Then, add a color attribute and view the solution.
4. Basic Setup
Now you are going to learn how to make the basic core of a website which is an indispensible part of every website. The first line of the code is always "<!DOCTYPE html>". This signifies that the language that is currently being written which is HTML.
CSS and Javascript coming soon!