HTML basic guide For Beginners

html tags


I've posted so many HTML tutorials in this blog. but I make this one unique in other to make every interested beginner to understand the basic things.

I hate writing a lot of text, confusing readers. That is why I always put my best to present easy examples to give better understanding.

Read: How to create new post on nairaland forum 






Basic Things We Are Going to Learn in This Guide

What is HTML Stand For?

HTML5 Document Declaration

What are HTML Elements and Tags?

What is HTML 'head' Element?

What is HTML 'title' Element?

What is HTML 'body' Element?

We will treat one after the other as they're listed above. So let's start with the first one in the list.

Read:  HTML web page linking guide

html download

 

 

What is HTML stand for?


HTML stand for 'Hypertext Mark-up Language' it is the document mark-up language used in building websites or web apps from scratch. Those shapes you always see on web pages are all made up of html. Html has its opening and closing tags. Don't panic with the word 'tag' you'll get to know more about it before the end of this super guide.

The opening and closing html tags are <html> </html>. Every other thing goes in between these tags.


<html>
Everything goes in here!
<html>







The current version of HTML is version HTML5. We have HTML4 as well, but we will only deal with html5 not any other version.

 

 

HTML5 Document Declaration


Before you start writing html code, you need to first declare the document type. This tell the interpreter the version of html code you are about to write.

The easiest declaration is the html version 5, which does not require much code.

Example <!DOCTYPE html>

The above small html code tells the browser that you're writing html code and the version is 5. You need to type the declaration code before any other code.

 

 

What are HTML Elements and Tags?

Building website from scratch is all about coding. Now we're about learning those Human readable codes. They're Human readable codes because the Computer itself does not understand them.
Tags are made up of elements, while codes or code are made up of both tags and elements. Elements are those unique codes that is understandable to the interpreter. Example of such element is the <p>The earth is not flat but circle according to science.</p> which is used to make paragraph on web pages.



There are so many elements to learn in our next guide.


If you observe carefully, you will see the paragraph element is form from two look alike codes. One out the other is call the tag, but if both are complete, it is call element.


The one that has forward lash (/) in it is the closing tag. The opening tag always come first before the closing tag.

Many are reading these articles;

How to make object transparent using css opacity

How to screenshot any environment on windows OS

Click here to learn more computer shortcut keys

How to improve your web design skill

 

 

What is HTML 'head' Element?

As the Human body is, the head is the first when looking from up to down. Same thing in building web page. HTML head element contain all of the meta tags, title, page styles, JavaScript functions and all that. The head element is the fist element right after the html tags. Example of head element; <head> </head>.


html codes


 

 

What is HTML 'title' Element?

As you're reading this guide, at the browser address bar side you'll get to see the title of the web page. Note: Websites are made up of multiple web pages, each page the may have its own title depending on the app purpose. Example of the title element is; <title>Basic HTML Tutorial For Beginners</title>. It must be the first element between the head tags.

Read more: How to use Chrome inspect developer tool when designing website

 

 

What is HTML 'body' Element?


The html 'BODY' element is one among the many elements I told you. The body element is use in making the body of the web page.







Example; <body> </body>. Note: The opening tag comes before closing tag. all together is call element. In between the body tags is where all of your page content will go in. Anything you want to appear on the web page must be put in body tags.

Below is the code summary of everything above

<!DOCTYPE html>
<html>
  <head>
      <title>Basic HTML Tutorial For Beginners</title>
  </head>
  <body>
     <p>The earth is not flat but circle according to science.</p>
  </body>
</html>


File must be save as (filename.html).

Comments

Post a Comment

Popular posts from this blog

How to Delete Record From Table Using PHP MySQL

Image
Allowing users to deactivate/delete their account, to delete post/article and even friend and unfriend system however require the PHP MYSQL delete query if you’re dealing with PHP MYSQL database. To delete post, user account all require this same delete query. So in this tutorial I’ll be showing you how to delete post from table using MySQL delete query. some useful tutorials: Building JavaScript WYSIWYG Text Editor From Scratch How to Make Facebook Kind of Like Button Using PHP Programming Language How to Get Value from URL Using PHP Programming Language Reading on I hope you already have your database, table created and some pretty records inserted in it then next is for us to get our hands dirty with the coding process. Everything is going to be put in same web page. So I have a DATABASE name -> delete and a TABLE name -> record. My table has three rows: post_id, post_title and post_content. post_id   
Read more

Guide to add blog URL to Google search console

Image
 In one of my recent blog posts, I explained how to submit your blog for AdSense approval and things you should do first before applying. Now, in this post, I want to teach you how to add your blog url to Google search console. maybe, you might ask why this is important. Calm down, I will explain why you need to add you blog to Google search console. For you to get better traffic result in blogging, your blog need to rank high in search engines. And Google is the world's number #1 search engine. So making your blog to show on search engines will fetch you a lot organic traffic. Now you see why you should consider adding your blog url to Google search console? This is exactly what I'm going to teach you on this post. mind you, I'm making this post for Blogspot users. So first, go to your blogger dashboard and click to open the menu tab, scroll down a bit and click settings. When the settings menu come up, scroll down and click Google search console. Now when the Google searc
Read more

Best steps to master JavaScript programming language

Image
To build web app, JavaScript is not exceptional because of its ability to manipulate the browser environment. Beyond client side scripting, JavaScript libraries enable us to interact with server side, exchanging data with php . This tutorial is not about JavaScript libraries, this tutorial is to give you steps that will enable you understand and master the language itself. Many are battling with JavaScript without knowing the real course, what would this course may be? This is what I am going to tell you here. Don’t say JavaScript is hard because of the way you start learning. If you start in the right direction you’ll get it right. To understand JavaScript we must know how the language works, then how can we know how the language work is another question on its own. For web app, after learning html and css they usually tell us to learn JavaScript before learning php, isn’t it? The pattern in which the language report error is another annoying thing, compared to tha
Read more