Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Anotações HTML

    Enviado por

    Sofia Morais
    9 visualizações2 páginas
    O documento fornece instruções para criar a estrutura básica de uma página HTML, incluindo as tags <head>, <body>, <title> e outras tags comuns como <h1>-<h6>, <p>, <ul>, <ol>, <img>, e <a>. Também explica como inserir tabelas usando tags como <table>, <tr>, <td> e <th>.

    Descrição original:

    Título original

    ANOTAÇÕES HTML

    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
    O documento fornece instruções para criar a estrutura básica de uma página HTML, incluindo as tags <head>, <body>, <title> e outras tags comuns como <h1>-<h6>, <p>, <ul>, <ol>, <img>, e <a>. Também explica como inserir tabelas usando tags como <table>, <tr>, <td> e <th>.

    Direitos autorais:

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

    Anotações HTML

    Enviado por

    Sofia Morais
    O documento fornece instruções para criar a estrutura básica de uma página HTML, incluindo as tags <head>, <body>, <title> e outras tags comuns como <h1>-<h6>, <p>, <ul>, <ol>, <img>, e <a>. Também explica como inserir tabelas usando tags como <table>, <tr>, <td> e <th>.

    Direitos autorais:

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

    Criar estrutura página html:

    </doctype html> : tag define tipo de html que está usando, sendo a tag para html5

    <html> : para começa o código

    </html> : para terminar o código

    TAG <head> e </head> : estrutura principal do site, estrutura de formatação, código javascript
    pra animação ou interação com usuário. Configurar informações que na maioria dos casos não
    aparece diretamente pro usuário.

    TAG <body> e </body>: segunda estrutura principal, é o conteúdo da página. Configurar


    informações que aparecem diretamente pro usuário, com exceção se você quiser que não
    pareça

    TAG <title> e </title> : título do site

    Indentação: TAB pra espaçamento

    CABEÇALHOS:

    TAG <meta charset=”utf-8”> : Codificação utilizada na página web, permite acentos. UTF-8
    Padrão

    TAG de cabeçalhos define títulos, textos com tamanho maior. Tags de cabeçalho começam
    com H.

    <h> e </h1> : formatação cabeçalho grande. Vai até o H6, quanto maior o número menor o
    texto

    Parágrafo: <p> e </p> para agrupar textos

    <hr> : linha horizontal pra separar textos

    <Strong> e </Strong> : deixar negrito

    <em> e </em> : deixar itálico

    <u> e </u> : underline

    <strike> e </strike> : texto com traço indicando que está errado

    LISTAS ORDENADAS E NÃO ORDENADAS

    TAG <ul> e </ul> : lista não ordenada, pode ser usada pra criação de menu

    <ul type=> para definir tipos de marcadores, tipos: circle, square e disc

    TAG <li> e </li> : itens da lista

    LISTA ORDENADA: tem contagem de itens enquanto a não ordenada não tem

    <!-- -->: para comentáriosta


    IMAGEM:

    TAG <IMG SCR=””> : INSERIR IMAGEM E O NOME DA IMAGEM ENTRE O ASPAS

    Para alterar altura ou largura: width=”” pra largura e height=”” para altura

    Index: nome da página principal de um site, o servidor carrega primeiro

    TAG <a href””=> e </a> : criar links // para mover pra um link externo precisa colocar o
    endereço completo com http://www. Etc // inserir também o nome da pasta / o nome do
    arquivo

    TAG <table> e </table> : tabelas // Dentro da table é necessário criar atributos, por exemplo
    <table border=”2”> para 2 pixels // pra criar a tabela é necessário definir mais duas estruturas,
    usando a tr (table row, linha da tabela) sendo <tr> e </tr> e dentro da <tr> definir os dados da
    tabela com a tag <td> e </td> (table data)

    <table> e </table>: criar a tabela

    <table border=””>: para definir pixels da tabela, ou seja, a grossura da borda

    <tr> e </tr> (table row): para linhas da tabela, colocar dentro de table border.

    <td> e </td> (table data): para dados da tabela, colocar dentro de tr. São as células da tabela,
    define valores lado a lado. Pode usar o img src=“” para inserir imagem na tabela

    <th> e </th> : para cabeçalho da tabela, centralizo e negrito

    <table border=”” width=””> : define moldura e largura da tabela, também pode colocar
    porcentagem

    Você também pode gostar