Tip:
Highlight text to annotate it
X
On this video I'm gonna show you how to create a HTML document using the tool codepen this
tool has two editors the first one is HTML the next one is CSS and JavaScript and also
a window where you can checkout your results of your code in real-time firstly we need
to indicate our DOCTYPE is not a tag is just an instruction that tells the browsers which
document is using and we have the tag this tag is the root of our document within
this tag we have the head tag and this one is use it for scripts definitions, metadata
collections , style sheets and links in this case I'm gonna write down our page title we
have body tag which is our HTML container within it we will code most of the visual
tags. we have the H1 tag means heading there are six headings and they have a hierarchy
value the most important is H1 and they visually have a defined style the H1 has larger size
and H6 has the lowest size if we write down a H3 tag we are gonna notice that H3 has a
smaller size and if we want to use HTML comments we do it this way as you can see we don't
visualize the H3 tag anymore we have another
element called this element is intended to contain paragraphs and we do have the
the abbreviation element is to indicate a text abbreviation in this case HTML its abbreviation
is Hyper Text Markup Language and if we visualize here the abbreviation meaning will appear
here and we have another common element called which bolds our text and that's how
easy you create a HTML document these are few common elements and hope we can check
them out. Greetings !