Basic introduction to HTML language

A thought of fear has already been embedded in so many individuals when it comes to making website from scratch.
Coding website is actually easy. Proudly, I am self taught web app developer. I've never been into any programming/tech school, but I taught myself from the internet like you're doing right now.

basic coding knowledge

First let me tell you that following up my step by step guide on how to make website from scratch is a great chance you must not miss out if you have passion about coding/programming.

At this starting point you'll learn the following:

  1. What HTML is
  2. How to start writing HTML code
  3. How to save HTML file as web page
  4. Difference between opening & closing tags/elements
  5. HTML elements classification

Note: The text with blue color are the code examples.

If you don't have Computer to take part in our lesson series, worry not as developers is making things easier in every industry. You can code without or with laptop Computer. There are a lot Android code editor apps available for you. I will give link to download one in our future lessons.







For windows operating system, use notepad for writing code. Press windows button 'search notepad' click to run it.

WHAT IS HTML?

HTML stands for Hypertext Mark-up Language. It is the primary building level of almost every website if not all. HTML is the building foundation, the structure that give website shape.

HOW TO START WRITING HTML CODE?

To start coding html document, first make declaration of file. In this declaration point, we're using HTML5. The html5 is the newest version of the language. Below is the document declaration of html5.

See the code example below!

<!DOCTYPE html>

The above document declaration tell the browser that you're about coding html5 document.

HTML5 document declaration is the easier one for beginners.

Next is to open and close html tags, then next is to open and close head tags, and then lastly open and close body tags all in between the html tags.

See the code example below!

<!DOCTYPE html>
<html>

<head>

<\head>
<body>

<\body>

<\html>

HOW TO SAVE HTML FILE AS WEB PAGE?

To save html file as web page, press control + S then type in the name you want to give the web page follow with .html (filename.html) as the file format then click the save button.

Save the file on desktop environment for easy access. After saving it, minimize and locate that web page, double click on it to run it.







DIFFERENCE BETWEEN HTML OPENING AND CLOSING TAGS

To know the opening and closing tags is very easy. all closing tags have forward slash (/) before the keyword, while opening tags does not have forward slash.

See the code example below!

body opening tag <body> no forward slash

body closing tag <\body> have forward slash

HTML ELEMENTS CLASSIFICATION

Don't be confused, the words tag and element mean the same thing. They are the mark-up text we're dealing with. We use them to mark up the website.

There are two types of HTML elements, they are single and non-single elements.

The single elements have no opening tag and closing tag, they are just single.

See the code example below:

<br /> for line break between plain text.

While non-single elements have opening and closing tags. They don't work single, both are needed to work proper.

See the code example below:

<p>To make plain text paragraph.<\p>

Ask question base on anything you don't understand.

 Follow us with your email so that new lessons will be send to your inbox straight

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