Whatever brought you to this point, you’re here.
You took the blue pill and chose to go down the rabbit hole called web coding.
What is web coding?
Is it hard?
How can I create my first web page?
In this article we’ll learn the basic HTML format and I’ll show you web coding isn’t as hard as it looks.
Web coding is the culmination of many different programing languages used to create an end product whether it is a blog, eCommerce website or a web application.
In short, web coding can be simple or relatively complex. At the most foundational level web coding is structured in HTML or Hyper Text Markup Language.
Ready to create your first webpage?
Here are the steps:
- Open notepad or a similar text editor
- Copy and paste this:
- Click save as and choose to save your document to your desktop for easy access.
- Name your document. Make sure you save the file as a HTML file or simply add .html to the end of the name.
- Select the file and open it in your favorite web browser.
Wasn’t so hard was it?
At this point you might be wondering why all of this text was needed to simply display the phrase “Hello World!” on the webpage.
How It All Works
Without delving too much into computer science, a simply explanation would be that each of tags denoted by the < > are used to communicate to the web browser how the information should be displayed and what information should be displayed.
Aside from the <!DOCTYPE html> most html elements require opening and closing tags.
Opening and closing tags allow the browser to know when a command begins and ends; much like how one would capitalize the first letter of a sentence and end it with a punctuation mark.
Now I’m sure you’re itching to know what each of these tags do, so let’s break it down and go through each element.
- <!DOCTYPE> tag – instructs the web browser what type of language it will be displaying, and should be the first thing in your code.
- <html></html> tags – are used to contain all of the information in the page and should be the first and the last tags used in your code with the exception of the <!DOCTYPE> tag.
- <head></head> tags – are used to contain information that modifies the webpage’s function and appearance. In this simple example we only included the <title></title> tags. However, we did not include any additional functions, because that is beyond the scope of this article.
- <title></title> – tags are used to display the web page’s name in the browser tab.
- <p></p> – tags are used to define a paragraph. The text content of a website is contained within these tags.
Well you’ve done it!
You’ve successfully created your first webpage!
I hope this brief introduction to web coding piqued your interest. If you enjoyed this article and would like to read more tutorials on web coding click the link to my website below.