Episode #1 | Hypertext Markup Language (HTML)

Sunday, 02 Sep 2018 Kudzai Nyandoro 8:21 Minutes


Learning to code can be very hard and often overwhelming especially when someone is getting started. One approach that has proven to be helpful is to learn the technologies (HTML, CSS, JavaScript, SQL, Ruby e.t.c) in isolation. We are going to start with taking baby steps with the fundamental building block of the web, i.e HTML


To get started you are going to need an internet connection. Next, open your browser and visit JSBin website and let's create our first web page using HTML.

<!DOCTYPE html> <!-- This tells the browser that the document being rendered is HTML -->
<html><!-- This tells the browser that all HTML code starts here. Opening tag -->

<head> <!-- This is for general information e.g. titles, scripts and stylesheets. Opening tag -->

<meta charset="utf-8"> <!-- For metadata. Opening tag -->
<meta name="viewport" content="width=device-width"> <!-- Closing tag -->

<title>Kode47</title> <!-- Opening and closing tags showing the page title -->

</head> <!-- Closing tag. →

<body> <!-- All content within the opening and closing tags will be shown in the browser. -->

<p>First paragraph</p> <!--Paragraph opening and closing tags. -->

</body> <!-- Closing body tag→

</html> <!-- Closing tag telling the browser that all HTML code ends here -->