Ctrl+Shift+p para evelopar

<p style="text-align: center;"> para colocar no centro

Link favicon - essa tag serve para colocar tua cara la no fundo

˂h1˃ para colocar um título

˂p˃ para paragrafo

˂b˃ para negritar

˂i˃ italico

˂mark˃ para marca uma palavra

˂mark Background - color˃ serva para escolher cor

˂del˃ para texto marcado mais excluído

˂u˃ para assinalar

˂sup˃ para colocar numero ou letra em cima do outro

˂sub˃ para coloca em baixo

˂q˃ para meter aspas

˂blockquote˃ para citações

abbr˃ para colocar o significa de uma sigla ex:HTML

˂ol˃ listas ordenadas

˂li˃ pra ajudar na lista ordenada

˂ul˃ listas não ordenadas..

˂dt˃para algo queres definir…

˂dd˃ pode definir

˂a href =” o link ”˃ pode ir para lá nuca mais vai voltar no seu site… link externo

˂a href =” o link ” target = “_blank” rel=”external” ˃ o teu site vai manter é o mais comum… link
externo

˂a href =” o link ”˃para links invernos ou seja link do site

˂a href =” o link ” download =”nome e o formato” type=”tipo e o formato”˃ para baixar

˂Img scr = ”foto.png” alt = ”exemplo de foto” ˃

˂h1 style=”xddd” ˃ serve para colocar cor nas palavra

˂source ˃ serve para revelar ou seja dar outro caminho

˂video aqui vai vir uma merda que vc já sabe depois wdth para medir o tamanho depois um
controls˃ serve para meter vídeo

˂audio controls autoplay˃ essa tege serve para colocar audio no seu site

Loop se metermos nas tags ela vai repetir tanto faz musicas e videos

Essa toda tag de baixo serve para colocar a imagem minúscula, media, e grande.

˂picture˃

˂source media= “(max width=750px)” srcset=”imagem” type=”tipo de imagem”˃

˂source media= “(max width=1050px)” srcset=”imagem” type=”tipo de imagem”˃

˂Img scr = ”foto.png” alt = ”exemplo de foto” ˃

˂picture ˃

H1{

Font-family: arial; tipo de letra

Font-sinze:2opt; tamanho

Color:blue; cor de letra

} estilo em css

Imag serve para colocar imagem

Background serve para colocar cor de fundo em uma palavra

Color para ver a cor do mesmo

&lt; qualquer coisa &gt; serve para colocar aspas ˂˃

Site para copiar emoji em html e colar no seu site: emodjipidia

&#x o html do emoji; Para adicionar emoji

ESTILOS CSS5

DE UM PROJECTO

@charset "UTF-8";

*{
    font-family: Arial, Helvetica, sans-serif;
}
body {
    background-image: linear-gradient(to bottom,rgba(219, 219, 224, 0.734),
rgba(211, 205, 218, 0.641));
}
main {
    background-color: rgba(221, 221, 236, 0.848); para colocar cor no fundo
    border-radius: 20px;
    width: 600px;
    padding: 10px;
    margin: auto;
    box-shadow: 5px 5px 15px black;
}
h1{
    color: black;
    text-align: center;
    text-shadow: 1px 1px 3px rgb(48, 38, 38)   ;
}
h2{
    color: rgba(2, 1, 1, 0.529);
    text-shadow: 1px 1px 2px grey;
}
p {
    text-align: justify;
}

TERMINA AQUI

Css5

body{

Font-family: arial; tipo de letra

Font-sinze:2opt; tamanho

Color:blue; cor de letra

} estilo em css

P { Text-align: justify;

˂˃

Nas familia de fontes existe a famosa fonte tamanho elas podem ser medidas absolutas e medidas
relativas por.

medidas absolutas: cm, mm, in, px, pt, pc

medidas relativas: em, ex, rem, vw, vh, %.

Font-size: serve para ver o tamanho em css5 utiliza mais os em é mais aconselhável.
Falando sobre o peso das fonte ou seja se ficam mais em negrito ou não.

Fot-weight serve para ver o peso da fonte

Elas dividense em: normal (normal), leighter(magro), bold (corajoso), bolder (negrito).

Falando sobre os estilos da fonte.

Font- style serve para escolher os estilos das fontes

    <style>
        body{
            font-family: Arial, Helvetica, sans-serif;
        }
        a{
            color: rgb(167, 28, 28);
            text-decoration: none;
            font-weight: bold;
        }
        a:visited{
            color: rgba(8, 250, 101, 0.288);
        }
        a:hover{
            color: black;
            text-decoration: underline;
                    }
        .especial::after{
            content: " =>";
            text-decoration: none;
        }
        .especial{
            background-color: rgba(255, 0, 0, 0.514);
        }
    </style>

Seletores personalizados

# =id

.= class

:=pseudo class

::=pseodo-elemento

> = children