The basics of HTML

Image result for html
       HTML is an extremely useful coding language that can be used to write and edit websites. Websites are an essential part of our internet experience, and it is extremely useful to be able to understand how they work and how to make your own.
       In this blog, I will teach you the basics of HTML as well as some CSS, which as an add-on language to HTML which takes care of some of the more aesthetic aspects of the language. HTML, as well as all coding languages, and more generally all languages, takes a long time to fully learn. Hopefully after reading this I will have sparked your interest and you can further look into HTML.
Image result for html code notepad
Image result for html code notepad        HTML code can be written in a simple notepad document, though more complex website based tools do exist, in my experience they are unnecessary. Once is notepad, there are a few lines that need to start off each of you pages. First, <!DOCTYPE html> tells the computer that you will be coding in HTML. Then, <html> should go at the beginning and end of your code to tell the computer where the code will be. Put the code for direct elements that you would like to be seen on your site in between <body> statements. The title for your site that you would like to appear on the tab should be placed outside the <body> bracketed by <title> on one side and </title> on the other.
Once the starting formatting is out of the way, you can add text to your site. There are two ways to do this. Title text is adding using <h1>sample text</h1>, and body paragraph text is done with <p>sample text</p>.
You can change the color, as well as many other things about your text, with CSS embedded in your HTML code. Inside the first brackets of your text, you can include style="color:red;" to make your text red. There are many other things to do with CSS, but this is just an example. You can also change the background color of your page by adding <body style= “background-color:blue;”> to the top of your page.
This is just a small sample of the many things you can do with HTML, there is so much to explore!

Comments