Translate

Tuesday 17 November 2020

Introducing HTML

Making A Website via HTML

Make Your Own Website




Everything on the World Wide Web(WWW or web for short) is specially designed.
Websites are created in a coding language called HTML. HTML stands for "HyperText Markup Language". Hypertext refers to text that is viewable on the web.
The definition of hypertext is "a computer-based text retrieval system that enables a user to access particular locations or files in webpages or other electronic documents by clicking on links within specific webpages or documents."

Nowadays, a new version of HTML, HTML5 is used. HTML did not support vedios and audios. Users needed to type long codes to enter vedios and audios. HTML5 has made this easier. Now, editors don't need to type very long codes to insert audios and vedios into a website.
HTML uses ‘tags’ to define tasks. Html tags are denoted by "<" & ">". For eg.: <html> defines the begining of a web page. For ending html tags, we use "/" within "<>". For eg.: </html> determines the end of your webpage.

HTML documents can be made in any text editing software or html coding application. I will prefer the usage of Notepad or Atom or Notepad++ or a paid html editor software because most free html editors lack some tags and other features as well. For making a text document an html file, save it with the extension: .html (for eg.: untitled1.html)

Lets look at some basic tags in HTML5. These are listed in the order they are used:


<!DOCTYPE html>: This defines the begining of an HTML5 document.

<head>: This will help you give a name, description and metadata to the webpage.

<title>: This exactly names the webpage.

</title>: This marks the end of the "title" tag.

</head>: This marks the end of the "head" tag.

<body>: This defines the start of the viewable part of the webpage.

<br>
: The text typed after this is shown from a new line. This tag does not require the closing tag. Such tags are called 'empty tags'.

</body>: This marks the end of the viewable part of the webpage.

</html>: This marks the end of the webpage.



The "!DOCTYPE" tag is called the Doctype declaration. The Doctype declaration before the html tag declares that the document is an HTML5 document.

Now, see this example code(You may even copy it): 

<!DOCTYPE html>
<head>
<title>
This is an example webpage.
</title>
</head>
<body>
Hello Viewers! This is an example. <br>
This is the "br" tag.
</body>
</html>

Now save this file with .html format.(I saved it as example.html)
Then open the file in your browser. For eg.: a file made on notepad and saved with .html extension, when opened, will directly open in browser. If you have made your file in an html coder, then run the module(it may be done by the "play"/"browse" icon.) This will give the following output:

html output


This was just an introduction. For learning more, refer to the links below. More links will be provided below in the next update.


  1. Adding Background Effects To a Webpage.
By- Soham Kakkar




For updates, this website.


6 comments:

  1. Thank you for this heartwarming comment

    ReplyDelete
  2. Commendable job Soham. we expect you to achieve more... Wishing you luck.

    ReplyDelete
  3. Replies
    1. Hi.. Yeah, Soham here. So sorry that this site has never been updated ever since 2020.. I will try my best to work on this and come up with revised and new content by the mid of this year (after finishing 12th class, i.e.) (and will probably come up with a better url as well )

      Delete