Section 1: Webpage templates
We will create a simple website to help understand how html based websites work. To note: Text written in "/* [text] */" are for explanation. no need to include it in yours.
Content
/* h means header, goes from 1 to 6, increasing number = smaller font size */ /* end of main content */ /* end of page */That will only create a basic layout, however. You should use "css" to spice up your webpage.
You need to name the file which contains what format you want the webpage to ".css". Then, you reference it in <Header> as "<link rel="stylesheet" type="text/css" href="directory to the file"/>".
this is how it works for the ".css":
Section 2: Useful Attributes
We can add images through the use of <img>
for example, this(you can right-click the image and click inspect element to investigate it):
another thing you can add is links, through the use of <href>
here is an example:
Section 3: Hosting your own website
Now that you have made your own website, you can host it on a hosting website! I strongly recommend using github.com to upload your creations. You can upload any of your works there, be it a code, a website, or even an app. You can also track your progress, learn from other github users and restore from an older version. Create a repository and upload your contents in the repository.
Tips:
You should always keep an easily ascessible template of your website's general layout, so that you can save time in creating webpages.
You can go to w3schools and youtube to furthur learn how to add other stuff in, like audio and interactive content.