ByancaMatos01 / HTML1

"Curso da Udemy sobre HTML e CSS

HTML

"Curso da Udemy sobre HTML e CSS

• HTML5: cabeçalhos, listas, imagens, links, tabelas, formulários, hear, nav, footer, article, section aside.
• CSS3 Intermediário: seletores, div & span, cores, modelo caixa, elementos flutuantes, posicionamento, formatando links.
• CSS3 avançado: herança, especifidade, barra navegação vertical e horizontal, abas, layouts líquidos, largura fixa, parallax, fontes customizadas.
• Recursos especiais: normalize css, cantos arredondados, degradês, sombras, animações, transições, flexbox.

Trilha HTML5 estrutas

PrimeiroProjeto

• Primeiro projeto é sobre lista ordenadas e não ordenas utilizamos a tag ol para criar uma lista ordenada,
  e dentro desta tag utilizamos a tag li que seignifica list-itens ou seja responsavel por listar os itens.
• Existem 5 tipos de listas ordenadas, a que ordenamos por numeros então basta escrever < ol type='1'>
  para letras para maiusculas usamos A pra minusculas usamos a, para números romanos I ou i

segundoProjeto

• É a estrutura de uma página web simples utilizando tag de negrito como b de italico como em, hr para linhas horizontais.

• é uma tag de cabeçalho para criar um título.

• é uma tag de parágrafo para criar parágrafos de texto.

• é a tag para texto em negrito.
• é a tag para texto em itálico.

• ---

  é a tag para uma linha horizontal.

terceiroProjeto

• A tag em HTML é usada para incorporar imagens em uma página web. Ela não possui uma tag de fechamento, pois é uma tag vazia. A estrutura básica da tag é a seguinte:
• Explicação dos atributos:
• src: Especifica o caminho (URL ou caminho local) para a imagem.
• alt: Fornece um texto alternativo que é exibido se a imagem não puder ser carregada. Além disso, é útil para acessibilidade, pois é lido por leitores de tela.
• width e height: Opcionalmente, você pode especificar a largura e altura da imagem em pixels. Esses atributos são usados para reservar espaço na página antes que a imagem seja carregada, evitando assim reajustes abruptos da página quando a imagem é exibida.

quartoProjeto

• A tag em HTML é usada para criar links, tanto para páginas internas do seu próprio projeto (links internos) quanto para páginas externas na web (links externos). Aqui está a estrutura básica da tag :
• Explicação dos atributos:
• href: Especifica o destino do link. Se for um link interno, você pode fornecer o caminho relativo ou absoluto para a página dentro do seu projeto. Se for um link externo, você deve fornecer o URL completo da página externa.
• É importante notar que você também pode usar a tag para criar links para outros recursos, como emails, números de telefone, ou até mesmo para pontos específicos na mesma página (usando âncoras). Para criar um link que abre em uma nova janela ou guia do navegador, você pode adicionar o atributo target="_blank".

quintoProjeto

• Em HTML, a tag é usada para criar tabelas. Tabelas são estruturas que permitem organizar dados em linhas e colunas. A estrutura básica de uma tabela em HTML inclui as tags , (linha),

  (cabeçalho de célula) e

  (célula de dados). Aqui está um exemplo básico: Explicação das tags: : Define a tabela. : Define uma linha na tabela. : Define uma célula de cabeçalho (normalmente usado para os títulos das colunas ou linhas). : Define uma célula de dados (contém o conteúdo real da tabela). Este exemplo resultará em uma tabela simples com duas colunas e três linhas. Atributos importantes: colspan e rowspan: Permitem que uma célula se estenda por várias colunas ou linhas, respectivamente. border: Define a largura da borda da tabela. Geralmente, é melhor usar CSS para estilos, mas você pode usar border="1" para adicionar bordas a uma tabela. align: Define a posição horizontal do conteúdo de uma célula. Pode ser "left", "center", ou "right". valign: Define a posição vertical do conteúdo de uma célula. Pode ser "top", "middle", ou "bottom". sextoProjeto e setimo projeto HTML, os formulários são criados usando a tag . Os formulários são usados para coletar informações do usuário, como dados de contato, feedback, ou qualquer outra informação que seja necessária para interagir com o usuário. Aqui estão os elementos fundamentais que compõem um formulário: Tag A tag envolve todos os elementos do formulário e define onde os dados serão enviados após a submissão. action: Especifica para onde os dados do formulário serão enviados. method: Especifica o método HTTP a ser usado, geralmente "post" ou "get". Elementos de Entrada () A tag é usada para criar campos de entrada onde os usuários podem digitar informações. type: Especifica o tipo de campo de entrada (texto, senha, checkbox, etc.). name: Define o nome do campo, usado para identificar o dado quando o formulário é enviado. Botões ( ou ) Botões são usados para enviar o formulário ou executar outras ações. Outros Elementos de Formulário e : Criam listas suspensas (dropdowns). <textarea>: Cria uma área de texto para entradas mais longas. : Associa uma etiqueta a um elemento de formulário. Esses são apenas alguns exemplos básicos. Formulários em HTML podem ser bastante complexos, dependendo das necessidades do projeto. O JavaScript também pode ser usado para validar e manipular dados de formulários. É importante validar os dados do formulário tanto no * lado do cliente quanto no lado do servidor para garantir a segurança e integridade dos dados.