Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTMLone

    Enviado por

    lgduartesantos58
    4 visualizações4 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    4 visualizações4 páginas

    HTMLone

    Enviado por

    lgduartesantos58

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 4

    HTML OneBitcode

    SECTION
    <section>....</section> ( serve para criar uma seção no texto, normalmente
    dentro dela tem os h1, p )
    DIVS E SPAN
    a tag span serve ao código a nível de linha, a tag div serve ao código a nível de
    bloco.
    <body>

    <p>Galaxias</p>

    <div style="background-color:grey">

    <p>Andrômeda</p>

    <p>Galáxia <span style="background-color:blue">Olho Negro</span></p>

    <p>Galáxia do Cata-Vento</p>

    </div>

    </body>

    ATRIBUTOS HTML
    <a href=”http://google.com.br”>texto</a> (serve para colocar um link)
    <img src=”./exemplo.png”> ou <img src=”/exemplo.png”>

    CRIANDO TABELAS
    <table>.....</table> (comando para começar a tabela)
    <tr>....</tr> (é a linha a ser criada )
    <th>.....</th> (é a primeira linha, normalmente a palavra chave ou titulo)
    <td>........</td> (é as outras linhas, normalmente o conteúdo)
    <caption>......</caption> (texto que fica centralizado fora da tabela)
    <thead>..........</thead> (títulos da tabela (th) )
    <tbody>.......</tbody> ( conteúdo da tabela (td) )
    <table border="1">
    <caption>CONTAS</caption>
    <thead>
    <tr>
    <th>Mês</th>
    <th>Dinheiro</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Janeiro</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>Fevereiro</td>
    <td>$80</td>
    </tr>
    </tbody>
    </table>

    FORMS
    <form> (usado para criar um formulário HTML para entrada do usuário)
    <input> (é o elemento de formulário mais usado.)
    <input type="text"> (define um campo de entrada de linha única para
    entrada de texto.) mas pode se alterar o “text”

    <input type="radio"> (define um botão de opção. Os botões de opção


    permitem que um usuário selecione UMA dentre um número limitado de
    opções.)

    <input type="checkbox"> (define uma caixa de seleção . As caixas de


    seleção permitem que um usuário selecione ZERO ou MAIS opções de
    um número limitado de opções.)
    <input type="submit"> (define um botão para enviar os dados do
    formulário para um manipulador de formulário. O manipulador de
    formulário geralmente é um arquivo no servidor com um script para
    processar dados de entrada.

    <form action=”https://www.google.com/search”> (para onde vai o form)

    <label for=””> (é um texto, ele esta ligado ao input, se vc clicar


    no texto, irá para o input (onde pesquisa) )

    O label tem que ser compatível com o <input id=””>

    <input id=”...”> (identificador)

    <input name=”...”> (o que ele se refere)

    <input placeholder=”...”> (é a palavra q fica dentro do quadrado


    de busca)

    <input value=”.....”> (é a palavra no botão de pesquisar)

    VALIDAÇÃO DO FORM

    required (serve para deixar algum campo como obrigatório,


    normalmente usa ele dentro de algum input)

    validação de email

    validação de número (mínimo e máximo)

    Outros tipos de validação:


    https://www.w3schools.com/html/html_form_attributes.asp

    ELEMENTOS SEMÂNTICOS
    <header>......</header> (é a parte de cima do site, normalmente
    tem a logo do site)

    <nav>....</nav> (é a parte abaixo do header, normalmente uma


    linha com opções)

    <link rel="stylesheet" href="/static/css/styles.css" />

    Você também pode gostar