Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Conteúdo HTML & CSS

    Enviado por

    Hintswy
    4 visualizações6 páginas

    Título original

    Conteúdo_HTML_&_CSS

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    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 PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    4 visualizações6 páginas

    Conteúdo HTML & CSS

    Enviado por

    Hintswy

    Direitos autorais:

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

    HTML & CSS

    Monitores: Kaio César e Artur Albuquerque


    Conteúdo do 4° Bimestre
    ao longo do arquivo, as tags serão expressas pela cor vermelha, os parâmetros, pela cor verde, HTML
    pela cor laranja e CSS pela cor azul, para diferenciar e melhorar a sua experiência

    Tabelas HTML:
    No HTML é possível criar tabelas usando a tag
    <table></table>
    Nesta tag, podemos utilizar alguns parâmetros, como por
    exemplo o parâmetro
    border = ”algum_número”
    Quando colocado, este parâmetro fica da seguinte forma:
    <table border = “2”></table>

    Para criar um cabeçalho na tabela, entre a tag de abertura e


    de fechamento “table”, adicionaremos a tag
    <th>texto_aleatório</th>

    Uma linha na tabela é representada pela tag <tr></tr> e


    entre as tags de abertura e fechamento de uma linha,
    adicionaremos a tag <td></td> que são as colunas da tabela
    E é desta forma que criamos tabelas usando a
    linguagem de marcação HTML

    Formulários HTML:
    Para criar um formulário em HTML, usamos a tag
    <form></form>
    entre as tags <form> podemos usar a tag <input> para
    receber a entrada de informação do usuário, este <input>
    pode ser em forma de texto, senha, botão, entre outros.
    Para adicionarmos um <input> do tipo texto, adicionaremos
    o seguinte parâmetro: <input type=”text”>
    Já se eu quiser adicionar um <input> do tipo botão, utilizarei
    o mesmo parâmetro type, mas em vez de text, colocaremos
    button, fica assim: <input type=”button”>
    E para colocar um <input> do tipo senha ou email, usamos,
    respectivamente:
    <input type=”password”> e <input type=”email”>

    E é desta forma que criamos formulários


    usando a linguagem de marcação HTML

    CSS:
    Antes de falarmos algumas coisas sobre o CSS, devemos saber o que esta sigla significa.
    A sigla CSS significa: Cascading Style Sheet, ou em português Folha de Estilo em
    Cascata

    Agora que sabemos o significado da sigla CSS, vamos saber quais são os três
    maneiras possíveis de se usar o CSS:

    OS TRÊS TIPOS DE CSS SÃO

    1. CSS inline:
    É usado dentro da própria tag, como se fosse um
    parâmetro. Exemplo:

    2.CSS embutido/interno/incorporado:
    Neste CSS, usamos uma tag que serve somente
    para estilizar o site,que é a tag <style></style>,
    este CSS funciona como o CSS externo, a única
    diferença é que se usa dentro do próprio HTML.
    Vale lembrar que este tipo de CSS é normalmente
    usado entre a tag de fechamento </head> e a tag
    de abertura <body>, mas isso não é obrigatório, é
    apenas uma prática comum. Exemplo:
    No CSS embutido e externo, nós devemos chamar a
    tag que queremos editar(é chamado de seletor),
    abrimos as chaves e fazemos as edições entre
    essas chaves. Outra coisa importante é que, toda
    linha no CSS é terminada com ponto e vírgula(;)
    3.CSS externo:
    No CSS externo, deve-se criar um novo arquivo e
    chamá-lo de “algumnome.css”, depois de criar
    este arquivo, devemos linkar no HTML, utilizando
    a seguinte tag e parâmetros,
    <link rel=”stylesheet” href=”nomedoarquivo.css”>
    Quando for linkar o CSS, coloque esta tag dentro da tag <head></head>
    E A SINTAXE DO CSS EXTERNO É A MESMA
    DO INTERNO
    Este foi o Conteúdo de HTML e
    CSS. Boa Sorte a todos na
    prova!

    Você também pode gostar