Webberhub.com Logo
webberhub.com Intro

HTML Lesson 3 - Coding with HTML


HTML Lesson 3 - Coding with HTML

This lesson focus about basic thing need to do and know when beginning coding with html for making your own web pages.



Coding with HTML

In today's lesson, I like to give you a little practical and theoretical points related to the HTML coding.

If you do not follow before lesson, First follow that lesson of HTML Lesson 2 - Understanding Tags in HTML.

To follow today's lesson we need a text editor and a web browser. So, I hope you remember the points I bring with past lessons.

Otherwise, read previous lessons again before the study begins.

Basics to Know about coding HTML

FIrst we need to tell web browser to our written code is HTML. <html> tag is used for that purpose. When you open a tag you want to close it using the </html>.

<html>
  ........
  ........
</html>

Usually write HTML tags in simple letters. It's standard. So, There is nothing wrong with using capital letters.

Everything we code in HTML should be written between the two tags of <html> and </html>

HTML page can mainly split into two section. These are..

  • Head section 
  • Body section

Often, we can see title only in head section. <title> and </title> tags use for the showing title.

We can learn more about the other tags used in the head section in future lessons.

 

Web Page title example

 

<html>
  <head>
     <title>My First Web Page</title>
  </head>
</html>

The body section is where we code the content of the web page.

<html>
  <head>
     <title>My First Web Page</title>
  </head>

  <body>
     <p>First Web page body paragraph.</p>
  </body>
</html>

This pair of <p> tags is used for making paragraph.

Now see how to save this coded file. Click File --> Save in Notepad. Then save as dialog box will look like this.

save as dialog for saving web page

Change the Save as type property to All Files in save as dialog box.

Now, place the file name where you want to add and put .html extension.

add your webpage to saving name

Now, click the Save button and save the file. then, The saved file will look like this for you.

saved web page icon

Now open saved file by double clicking on it. Then, That HTML file open your web browser and it look like this.

Web page shown in web browser

Now you have successfully made the first attempt. Very easy, right?

Let's meet again with a lesson.


Related Posts..