What is HTML?
HTML is the standard markup language for creating Web pages.
- HTML stands for Hyper Text Markup Language
- HTML describes the structure of a Web page
- HTML consists of a series of elements
- HTML elements tell the browser how to display the content
- HTML elements are represented by tags
- HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
- Browsers do not display the HTML tags, but use them to render the content of the page
HTML tags
HTML structure = Opening Tags + Closing Tags
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:
Hello World
My first paragraph.
Basics of HTML documentation
An example HTML documentation will look like:
My First Heading
My first paragraph.
Example breakdown:
- /DOCTYPE html/ defines this document to be HTML5
- html represents the root element of an HTML page
- /head/ contains meta information about the document
- /title/ specifies the title for the document
- /body/ contains the visible page content
- /h1/ defines a large heading
- /p/ defines a paragraph
HTML Attributes
An HTML attribute provides additional information about an HTML element.
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:
- https://www.codecademy.com/
- https://www.freecodecamp.org/
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:)
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😉
- https://codepen.io/: coding practice website where you can do all of your coding projects.
- https://studio.code.org/courses: free coding learning website for all ages. It's a perfect place for children to learn coding through kid-friendly coding courses such as making your own dance video games or building your own mobile games, and so much more!