
Here’s the simplest HTML document structure: You put different bricks on top of one another to end up with a given bigger structure.īut instead of Lego bricks, you get HTML tags… Think of your HTML page as if it was built of Legos. It’ll become useful as you’re creating a website with HTML and CSS. Read this to get the full list of HTML tags. … you can do that with this piece of code: This is a link to my homepage

Or, if you want to add a link to another page, like this one:

… you can do that with the following HTML code: For example, if you want to build a list like the following: will italicize the text between the opening and closing tagsĪpart from those simple tags, there are also more complex tags. In this case, that piece of text is SOMETHING.īut there are other tags, just to name a few: This one will bold a piece of text that’s between the opening tag ( ) and the closing tag ( ). The main element of an HTML structure is an HTML tag.Ī tag, for example, looks like this: SOMETHING Here’s a guide on how to install it on your computer. It has versions for both Mac and PC, and it’s easy to use. The one we recommend and like to use is called XAMPP. If you just want to experiment with an HTML website on your computer, and don’t intend to make it public, use a local web server software. When you’re back and have your web server configured and ready to go, scroll to the next step.

Go ahead and sign up with any of the web hosting services, we’ll wait. Meaning that they will: (a) set up a hosting account for you, (b) register a domain name on your behalf, (c) configure everything to work together, and (d) give you access to an easy-to-use dashboard. To have this sorted out with no pain on your end, we recommend signing up with a company like Bluehost. When you have both a domain name and a server, you can connect the two together. For example, this site’s domain name is. The domain name is what the website is identified on the web.

With the server sorted, the next thing you need is a domain name. Just google for “web hosting” and pick something that isn’t too expensive or check our web hosting reviews. Many web hosting companies will sell you a simple hosting service on their machines. Don’t worry, though you don’t have to buy your own machine. So, the first thing you need even before creating a website with HTML and CSS is a web server (hosting). If you think this is too complicated, we recommend either creating a website using WordPress or choosing one of the website builders.
