Internet Knowledge – HTML

HTML internet KnowledgeSince you made your way down to this webpage, you’re reading a HTML document and chances are, you know or maybe you do not.

In our post on ten words you will meet on your blogging journey for students, HTML is one of those and you simply can’t do without as long as the internet is concerned. In fact, every webpage is structured in HTML for browsers to understand and open it.

So, what the heck is HTML?

Hyper Text Markup Language is the code that is used to structure and display a webpage and its content. It tells your browser (Chrome, Opera Mini, Safari etc) how to display the webpage that you visit.

The line you’re reading, for instance, should look like what we have in the image below,

Internet Knowledge Html

But the codes are understood by the browser and it rips them off to show you something that you can easily read.

So what you’re reading right now is the front-end of a document that was written in HTML at the back-end.

Got that?

Now we’ll talk about why you need some knowledge of HTML and show you how to write a few lines of code. You’ll definitely feel good about yourself at the end of this post.

Why You Should know HTML

1.An improved understanding of how web pages and websites work.

2.If you’re going to pursue a web development career, a basic knowledge of HTML is required.

3.Working with HTML codes improves your problem-solving skills and is a great boost for your resume.

4.You could make money by teaching others how to write HTML codes.

Writing HTML Codes

Special texts put inside angle brackets is the key to writing HTML codes. These special texts are called tags and are placed in these angle brackets.

A text in this bracket < > is called the opening tag while

A text in this bracket </> is called the closing tag.

Here are some basic HTML tags.

We’ll combine them to create your first web page.

1.<html> </html> – This is what indicates to a browser that your document is written in HTML. Hence, HTML your document should start and end with this tag.

2.<head> </head> – Describes a special part of the page called head or header. This is the first portion of your web page situated at the top.

3.<title> </title> – This is used by the browser to determine the page’s title. Many browsers put in the browser’s title bar.

4.<body> </body> – The main content of the pages go within this tag.

5.<h1> </h1> – This stands for heading level one. Any text that is found in this tag is treated by the browser as a major heading and appears in bold. <h2> <h3> to <h6> is used to define the heading’s level of importance to the document.

6.<p> </p> – Indicates each unique paragraph.

To successfully write and edit HTML codes, you’ll need a PC or mobile device that has a HTML text editor installed.

  • Notepad++
  • AnWriter free HTML Editor Android (Available on Google Play Store)

 <html>

<head>

Your Name

</head>

<title>

Your Page Title

</title>

<body>

<p>

I am so happy to create my first web page. Hello World!

</p>

</body>

</html>

The View in Notepad++

notepad++ HtML

After typing in Notepad, save the document as HTML, Open the file using a browser.

Here’s the view on

On Google Chrome Browser

 

Rounding Up

There is a lot more to writing HTML codes, but you’ve just taken your first steps.

Ready for more?

W3schools offer free and paid HTML courses that are highly recommended for both newbie and experts.

Read AlsoInternet Knowledge – What Are Cache Files?

Spread the love
  • 3
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
    3
    Shares

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.