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:
This was just an introduction. For learning more, refer to the links below. More links will be provided below in the next update. |
---|
|
For updates, this website.