What is HTML?

HTML is the standard markup language for creating Web pages.

HTML tags

HTML structure = Opening Tags + Closing Tags

<html> .... </html>

Click here to see the HTML tag list ordered alphabetically.

HTML elements

The HTML element is everything from the start tag to the end tag:

<h1>Hello World</h1> <p>My first paragraph.</p>

Basics of HTML documentation

An example HTML documentation will look like:

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

Example breakdown:

HTML Attributes

An HTML attribute provides additional information about an HTML element.

<a href="https://www.freecodecamp.com">This is a link</a>

The example above show the coding for HTML links were defined by the tag /a/ and the link address is specified by the /href/ attribute.

Click here to see the HTML attribute reference list.

Online Self-taught coding courses

There're plenty of online coding courses available at the moment, making it bit challenging to see which ones suit your learning pace and your coding knowledge.
For a total newbee to the coding world like me, I'd recommend you to start off your coding journey with 2 coding websites below:

  1. https://www.codecademy.com/
  2. This is the most comprehensive coding site i have ever encountered. This site will give you a variety choice of coding courses that suit your coding path, whether just to know basics of HTML or CSS or learning about different computer languages as you wish:)

  3. https://www.freecodecamp.org/
  4. Similar to the other site, "freecodecamp" coding site provides you essential understandings about coding areas. The main selling point of this site is that it "challenges" you with mini coding projects at the end of each coding chapter.

    I like the idea of completing mini coding projects in the way to build my own coding porfolio and share them with my friends after completing them. What's more, they help me gain extra knowledge as well as useful tips of coding.

    Though it's a bit intimidating at the beginning at the projects, it motivates you to go forwards and try your best to solve the coding puzzles

Extra Resources

Here are some useful online learning and practing coding sites to facilitate your coding journey.

Happy Coding😉