HTML Codes:
Command Explanation OBS
<h1> | </h1> opening tag |closing tag From h1 > h6 (h1 the most importante and
can be used once per page > h6 lower
importance)
<p> | </p> Begin paragraph | end paragraph
<!-- | --> start of comment | end of comment
<main> | </main> Opening tag | closing tag Nesting = elements (h1, h2, p, etc..) inside the
“main” element (each element should be 2
spaces further than the “main” element
<img> introduce images (has no closing tag)
Src=”” one of the attributes used inside opening tag
of an element to control it´s behavior (make a
link)
<img scr=”link”>
Alt=” equals to a way to improve accessibility in case
the image fails to load (add after the element)
<a href=”> opening of anchor for a link (can write text
between opening and closing anchor)
<a href=”link”>written text</a>
<a> | </a> Opening anchor | closing anchor href is called atribute… Value equals to the
link
Target with
atribute _blank
<p> See more <a target=”_blank” href=”link”>
written text</a> written tex t</p>
<a
href=”link”><img
scr=”link”></a>
Envolve anchor between images
<ul> | </ul> open and close of unordered list
<li> | </li> list <ul>
<li> text </li>
<li>text</li>
</ul>
<figure> |
</figure>
Opening tag | closing tag element represents self-contained
content and will allow you to associate
an image with a caption.
<figcaption> |
</figcaption>
element is used to add a caption to describe
the image contained within the figure element
<figure>
<img src=”link” alt=”description”
<figcaption>text</figcaption>
</figure>
<em> | </em> Emphasis a word <em>love</em>
<ol> | </ol> open and close of ordered list
<strong> |
</strong>
Puts the word in strong black (negrito)
Action =”” Atribute indicates where from the data should
be sent
<form action=”link/submit-url”></form>
<input> Does not have closing tag / to collect data
