GreX Tutorial : Hello World in HTML

 HELLO WORLD IN HTML

    Actually, Hello World in programming refers to the first ever project you do when learning a programming language. Now you can understand some memes. LoL! Let's start:

<!DOCTYPE html>

<html>

<head>

<title>First Page Title</title>

</head>

<body>

<p> Hello World!</p>

</body>

</html>

Let me explain what is happening here then next I will tell you how you can create yours.

Code Explained:

  • So, the document starts with THE HTML5 DECLARATION that we considered previously. i.e 

    <!DOCTYPE html>

  • Then, the next is the html tags. If you look very carefully, you would notice that every other tag goes into these two tags:

    <html> </html>

    • It signifies the beginning and ending of the HTML code. It encloses other tags.

  • Now, every HTML document is divided into two. That is the head and the body: Hence we have the

    <head></head> and the <body></body>

  • The head provides information about the body. It basically describes the body. Its contents are not displayed as it only describes the body. We would talk about some important tags of the head later on. Stay with us!

  • The body is where the real work happens. The contents in the body directly affects the display or how the browser displays the web page. It usually contains alot of code. LoL! 

  • Now, our <p> </p> This is usually called the paragraph tag. You know, p for paragraph. LoL! It allows us to write basically a paragraph or text.  Another word we use for text is string. Programmers! It is also an element we use for adding other elements especially when we want to design and arrange element in a particular way. We would learn that later on! 


Rounding off, if you notice, we did a lot. Hooray! Firstly, you'll see how each element or tag is placed inside of another tag. That is the essence of the opening and closing tags. This is called NESTING. So, lets move on to WRITING YOUR HTML CODE!

Previous!!

Next!!

Comments

Post a Comment

Popular posts from this blog

GreX Tutorial : WEB DEVELOPMENT

INTRODUCTION:  WEB DEVELOPMENT      The WEB refers to the major part of the internet. It allows us to send and receive information via a WEB BROWSER like CHROME, FIREFOX, EDGE etc. As we all know, communication must have two endpoints, The SENDER and The RECEIVER. Under WEB standards, the SENDER is usually referred to as THE SERVER while the receiver is called THE CLIENT.      When you input www.example.com into your web browser's search box. Firstly, the web browser translates the web address to an IP address so as to identify the server on the Internet. Once this is done, the web browser (THE CLIENT), sends a request to the server that identifies as www.example.com asking for a webpage, in this example, it is the HOMEPAGE. The server on the other hand, receives this request and searches its directory for the HOMEPAGE. Once ready, it sends this response to the client (your web browser). Then the web browser processes this information and displays...
Read more

GreX Tutorial : Introduction to HTML

INTRODUCTION TO HTML    HTML stands for Hyper Text Mark-up Language. It is a programming language used to structure web pages. As a programming language, it gives instructions to the web browser on how to display its content to the users.   It defines where each element of the web page like buttons, text, links, paragraphs e.t.c should be placed. Just like arranging parts in a car. With this language, you can create websites. It is usually associated with Front-end development but personally, no matter your field, you should have knowledge about it.  An HTML document usually contain tags. Each tag has a different function but all work together for the proper functioning and looks of the page. The tags usually come in pairs like this: <tagname> THE CONTENT </tagname> Note the slash in the second tag!!    The current and most recent version of HTML is THE HTML5! A document ...
Read more