free site statistics
Monday , November 30 2020
Home / Tutorials / HTML Lesson 01 – Coding with HTML

HTML Lesson 01 – Coding with HTML

HTML Lesson 01 – Coding with HTML

This is the first HTML lesson of LankaTricks HTML tutorials. Here, Gives a simple introduction about html web development and same basics of coding with HTML. That will be helpful for every web development beginners. Let us now turn to the lesson.

What is this HTML?

Do you think that many of the websites we visit on the Internet can be built using Word Processing software?

However, there are problems arise when establishing such websites on the Internet. Like you tried to open an article in MS Word with Notepad.

Due to these issues, the Internet required a standardized standard for articles that were linked to the internet.

Then, It can then be read quickly by web browsers because of using a common method. The organization W3C is responsible for this.

The common standard language used for these purposes is HTML (Hyper Text Markup Language).

Another important thing is that this language is not a programming language but a markup language. As a result, these web pages are created using markup tags.

These tags simply tell the web browser what the content of the web page should look like. Although there are some software we can use to create a document in HTML. But, I used notepad for this tutorial. Because, when you code in notepad, you have to write all the code manually, so your knowledge of HTML tags will be enhanced.

Below we will learn about some of the HTML tags properties.

  • An HTML tag is made up of a keyword rounded by these angle brackets <…>.
  • HTML tags are usually in pairs. Eg: < html > and < / html >
  • <…> for this type of tag we call the opening tag.
  • < / …> for this type of tag we call the closing tag.

Now you may think that why we have these HTML tags?

When designing HTML document, We must explain all of our parts shown to the reader’s web browser. This task can accomplish with HTML tags.

However, Most HTML tags on every web browser read the same way, but some tags may not.

I hope you have a little understanding of HTML tags now. When coding HTML, The usual way is to write the content . There are same occasion which can be change this way. We will talk about them in the right places, Now just remember it.

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.

<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.

Change the Save as type property to All Files in save as dialog box. Then, add the file name where you want to add and put .html as file extension.

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

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

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

Let’s meet again with a lesson.

Improve Your Health

  • How Green Tea affect to improve your Health

    This is the Health Knowledge Lankatricks provide you. Under the Health Calgary we try to discuss various area about improve your Health. This Post discuss about Green Tea and How it effect for your health.

Knowledge

  • Largest 5 moons in the solar system

    Largest 5 moons in the solar system Considering the Solar System, There are eight planets is in their. So, There are 193 moons in these eight planets. Some planets of them are as large as

  • How to make PayPal Sri Lanka account receive money – Part 01

    Making PayPal Sri Lanka account When considering the popular and trusted online payment systems PayPal get same high place. This payment system can be used online shopping without having to re-enter your information for every

  • Introduction to Electronics – Electronics Definition

    In this tutorial you can learn basic definitions about electronics Such as Electronic, Active Devices, Passive Devices,Current, Direct Current,Alternating Current, Frequency, Voltage, Resistance etc. Definition of Electronics Electronics is the branch of science that deals

  • How to Find a  Reliable Web Hosting Service

    When Getting a decision to making same website one of impotent thing is finding a good and reliable web hosting service. To find a reliable web hosting service should consider about many factors. before baying

  • The biggest interview mistakes to avoid

    This article is also a Lanklatricks.com another guide about career advice. This guide discuss happening mistakes when people facing interview. By avoiding these mistakes you can face interview correctly.   The biggest interview mistakes to

  • Basic Insurance Terms – Actuarial Techniques Tutorial 01

    It is not easy to become an actuary, but if you do become one, you are on your way to a very rewarding career that uses math all the time. An actuary is someone who

  • Why people make Click Fraud Farm? Is it legal?

    In the recent past, Over 400 mobile phones, 17,000 SIM cards and 60 routers have emerged as a hot topic in Sri Lanka. There are many complained for that it was Click Farm, while another

– The things we publish in this website are relating to the job information and information relating to the professional courses, which are extracted from various sources such as various newspaper advertisement,circulars and Various websites. The right of these information belongs to the first owner of the information. If any alteration happen these information, we don’t take the responsibility arising arising from such alteration. Instead, what we do is to inform you as quickly as possible regarding the information related to the job opportunities and model applications and professional courses. as well as we allow you to gain essential knowledge related knowledge related for the competitive exams.

Check Also

Digital Logic and Transistor – O/L ICT Tutorial part 03

  ICT is the short form of the Information and Communication Technology and This is …

Open

Lankatricks Exam Help

Close
error: You do not allow to Copy content or View source..!!