Please enable JavaScript.
Coggle requires JavaScript to display documents.
ATTRIBUTES - Coggle Diagram
ATTRIBUTES
ATRIBUTOS GLOBAIS
class
aplicar estilo CSS
acessar pelo JavaScript
contenteditable
conseguir editar o conteúdo
perde modificação sempre que salvar pagina
data-*
data-qualquer-nome=""
após o traço pode colocar qualquer coisa
expandir atributos para lógicas com JS
hidden
esconde uma tag
id
usado para fazer links dentro da pagina
style
aplica estilização
tabindex
ORDEM DE navegação pela página pelo TAB
title
definir um titulo para quando por mouse em cima
PARA VER MAIS ATTR GLOBAIS
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
mostra outros atributos
TYPES
href
page URL
src
path for the image to be displayed
height
width
alt
shows alternate text if image cant be displayed
style
adds color, size and others to text
<p style= "color:red;"> this is red </p>
background-color:blue
lang
put language of website in html code
help other mechanisms
language references for html
https://www.w3schools.com/tags/ref_language_codes.asp
<html lang = "en-US">
first = language
second = country abreviation
title
creates a tooltip / reference to something when mouse over the thing
<p title="this is a tooltip"> this will be a text in the html </p>
tips
always quote attribute values
use single or double quotes if the text to be displayed it requires
'the "double quote" example'
always use lower case letters for attributes
ATRIBUTOS ESTÃO SEPARADOS POR ESPAÇO
ATRIBUTOS GENÉRICOS
<div> </div>
para agrupar conteúdo
quebra texto em bloco
usa junto com atributos (class, id)
<span></span>
pode ir na linha do div
DEFINITION
ADDITIONAL INFORMATION OF ELEMENTS
ATRIBUTOS BOOLEANOS
não precisam de = " "
sem aspas
