Please enable JavaScript.
Coggle requires JavaScript to display documents.
ANATOMIA HTML - Coggle Diagram
ANATOMIA HTML
TAGS
<h1> </h1>
aberturas e fechamentos de tags
dentro vai conteúdo da TAG
<em> </em>
dá enfase ao conteúdo da tag
itálico
<div> </div>
agrupar elementos
<br> </br>
quebra linha
<strong> </strong>
dá importância
<b> </b>
também dá negrito
document
Must start with declaration
<!DOCTYPE html>
document type
helps browsers display correctly
ENTENDE COMO HTML 5
Starts with <html>
ends with </html>
Visible part of document
between <body> and </body>
HEAD
FILHOS
<title> </title>
é filho
cria um título pra URL
<meta> </meta>
tipos de metadata que nao poderiam ser apresentados sem a TAG
charset="utf-8"
documento aceita mais caracteres
Define tamanho do layout
PARTE NÃO VISÍVEL DO DOC
<head> </head>
configuração geral do documento vai dentro
links
starts with <a>, ends with </a>
destination goes in href
<a href="https://www.w3schools.com">This is a link</a>
paragraphs
starts with <p>
ends with </p>
headings
<h1> to <h6>
<h1>
most important heading
<h6>
less important heading
has importance order
images
<img>
apply attributes
alternate text (alt)
width
height
source file (src)
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
other
how to view source code
right click select view page source
right click and choose inspect element to see what elements are made upof
buttons
lists
