What is HTML?

HTML stands for HyperText Markup Language and it is basically the structure of every single webpage on the web, all the text, pictures and videos are supported by HTML but in these days you’ll never see a webpage made out of pure HTML because it would be ugly. Here a picture of how pure HTML looks.

pure html web page

I know it looks horrible, but that’s why we use CSS  to add style, color and more.

However to understand HTML easier see it as a wrap that puts all the text, images and videos in a certain order.

HTML elements can have attributes

html elements and attributes sample

HTML Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>

What that does is, it tells the browser what version of HTML is being used. Before HTML5 those declarations were extremely long but now you don’t have to worry about that anymore. Because the declaration <!DOCTYPE html> is telling the browser to use that latest version of HTML. Just in case you’re curious I’ll put you some old declarations so you see it by yourself.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Basic HTML elements

<!DOCTYPE html> Tells that browser to read this as HTML.

<html></html> This element is the root element of an HTML document.

<head></head> This element keeps information that you can’t see as metadata. The only thing that is visible is the title and the fav-icon.

<meta> Element contains meta information about the document.

<title></title> This element defines the title of the page and you can see the title of this page in the top of your browser.

<body></body> This element contains all the visible content on the page.

<h1></h1> Is used as Heading but the are more : <h2> <h3> <h4> <h5> <h6>

<p></p> element defines a paragraph

If you want to learn HTML I would recommend this course on Skillshare: The Ultimate HTML Developer 2020 Edition Skillshare is not free, however, with this link, you’ll be getting 2 months for free and if you don’t like it you can cancel your membership right away.

This webpage is perfect if you’re looking to learn all the technical stuff : https://www.w3schools.com/html/default.asp

As I said before, I think that the course by Kalob Taulien on Skillshare is all what you need to learn all the fundamentals on HTML, don’t think that I’m being paid to say this, I’m sure he doesn’t even know who I am but that doesn’t matter, check his course, I’m sure you won’t regret it.