Learning Basic HTML: Chapter 1

HTML is an abbreviation for HyperText Markup Language. It was developed by scientist Tim Berners-Lee in 1990; you can say HTML is the code which makes connects with others on the World Wide Web (WWW).

While writing in HTML code, one has to add “tags” to the text to create the structure. The tags actually help the browser analyze and differentiate the text and graphics in the document.

There are three major parts of the text : Heading, Paragraph and a Bullet list.

Lets take the above text as example. To display our document in a browser, the following code is implemented. The red marked text are the HTML tags used.

<html>
<head>

<title> Learning Basic </title>
</head>
<body>

<h1> Learning Basic HTML: Chapter 1. </h1>

<p> While writing in HTML code, one has to add “tags” to the text to create the structure. The tags actually help the browser analyze and differentiate the text and graphics in the document. Eg: in the following document there are three major parts: A heading, two paragraphs and a bulleted list. </p>

<p> To display your document similar to this in a browser, the following code is implemented. The red marked text in red represents the HTML tags used. </p>
<ul>
<li>Learn </li>
<li>Write </li> 
<li>Understand</li>
</ul>
</body>
</html>

 

The resulting page looks  something like this in the browser:

 

MISC

    All the HTML tags will disappear, because the tags only tell the browser how to display the file but do not show themselves.

    What if you need to make few more changes or there occurs an error in code, how will you view the hidden code?

    Just follow the following steps:

  • Open your code in web browser
  • Right click the particular line where you find error on the webpage
  • Select inspect element
  • A sub window will open, giving you a complete code
  • Make changes, observe the results.
  • Don’t forget this is only run time changes.
  • Now copy this code and paste it in your original code.
  • You can also inspect other’s web pages, and learn different styles and coding. This will help explore the new codes and designs.

One response to “Learning Basic HTML: Chapter 1”

  1. Delbert Whiley says:

    It¡¦s really a nice and helpful piece of info. I¡¦m glad that you just shared this helpful info with us. Please stay us up to date like this. Thanks for sharing.

Leave a Reply

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