image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Paulo Lima
Paulo Lima01/03/2024 17:15
Compartilhe

Termino da Formação de HTML

  • #HTML

image

Aqui fiz o proposto e tentei mostrar aquilo que aprendi tive certas dificuldades, poucas mais com boa observação, se eu estiver errado me corrijam, pois não sou perfeito apesar das coisas mais simples então falarei um pouco abaixo:

O surgimento da internet apareceu ou melhor se desenvolveu na época da guerra fria onde os cientistas queria criar um meio de interligação de informação e armazenamento que transferisse por várias partes de um local a outro, pelo fato se por acaso uma base de informação for destruída outra parte que contenham as informações informações como informações de estratégia, segredos militares, projetos e sobre a bomba atômica.

PJ (cá entre nós já passamos da época da descoberta do fogo agora é a época da >bomba atômica< mas oque ninguém entendeu é que essa evolução foi para a humanidade onde:

  • Somos únicos e totalmente variados o meteoro poderá ser destruído e como ?
  • Ou destruiremos nós mesmos ?
  • A ingestão da descoberta nós impede da natureza progredir ?
  • Se normalizássemos a natureza oque virá depois ?
  • O atrito não será uma forma de escravizar e punir porque o computador fará a tarefa e descoberta por sí mesmo ?
  • Será uma utopia ?
  • Os donos do mundo controlará os computadores ?
  • Computadores a gente?

Pois bem continuando, os grandes nomes da Tecnologia cientificas:

  • Grace Murray Hopper
  • Joseph Carl
  • Robert E. Kahn
  • Tim Berners-Lee
  • Marc Andreessen
  • Bill Gates
  • Steve Jobs

A internet funciona como Cliente > Internet > Servidor. Onde a parte do Cliente é mais visual por isso Front-End, a parte da internet que chamamos uma requisição pela http para um Servidor onde o HTML, CSS, JS. Existe vários tipos de servidores, um conjunto que interligam e se interagem as informações quando navegamos:

  1. Proxy, Firewall, Web Server, E-mail Server, Web Server com Database, Intranet, DNS, Hospedagem de Sites, Registro, FTP

Coisas que não sabia sobre formulário por sem iniciante e agora to sabendo:

  1. input com prioridade

image

Os conceitos básicos são a chave para um iniciante e pelo percurso teremos as tags.

Percurso

  • Tag <form>
  • Início de formulário
  • Tag <input>
  • Onde é absorvido as informações
  • Tag <checkbox> e <radio>
  • Opções de checar itens que queira e escolher por exemplo se é M ou F
  • Tag <button>
  • Botão onde é acionado uma função que dará seguimento as informações gerando resultados
  • Tag <select>
  • Select serve para fazer uma lista de itens de fácil utilidade
  • Tag <textarea>
  • Area onde você introduzirá um comentário ou passar uma mensagem

Aqui mostrarei as novidades que não sabia que poderia fazer como

  • Pode ter Article dentro de Section e Section dentro de Section.
  • Header vai o Logotipo
  • Nav vai o Menu
  • Aside contendo ****o glossário
  • Footer o rodapé contendo contato, local etc.

Esse tipo de separação venho do lançamento da versão HTML4 para o HTML5, onde no 4 havia só a tag div sendo diferenciada pelas suas classes, no lançamento do HTML5 isso mudou agora existe tags para cara uma parte do

image

image

Criar tabelas

  1. Tag table
  2. Iniciar uma tabela
  3. Tag tr
  4. Contêm a lista
  5. Tag td e th
  6. td, td
  7. Conteúdo da coluna 1
  8. Conteúdo da coluna 2
  9. th
  10. Título da tabela

Exemplo:

<!-- Embaixo estão algumas tags que foram tiradas e somente usadas no CSS -->   
<table summary="Esta tabela se refere as idades da turma A da DIO" border="i" widht="250" cellspacing="5" cellpadding="25">     
<tr>       
    <td>Nome</td>       
    <td>Idade</td>     
</tr>     
<tr>       
    <td>Diogo</td>       
    <td>37</td>     
</tr>    
<tr>       
    <td>Maria</td>       
    <td>34</td>     
</tr>     
<tr>       
    <td>João</td>       
    <td>32</td>     
</tr>     
<tr>       
    <td>Walter</td>       
    <td>24</td>     
</tr>     
<tr>       
    <td>Manoela</td>       
    <td>28</td>     
</tr>     
<tr>       
    <td>Michele</td>       
    <td>26</td>     
</tr>   
</table>
  1. Tag tbody, thead e tfoot - Essas tags foram introduzidas para dar mais dinamismo quando Estilizadas no CSS e programadas no JavaScript
  2. tbody
  3. É o corpo da tabela
  4. thead
  5. É o cabeçalho da tabela
  6. tfoot
  7. É o rodapé da tabela

Novas Tags Introduzidas no HTML5

  • Main - Conteúdo de maior relevância na Estrutura HTML5
  • Header - Cabeçalho onde vai o logo
  • Nav - Especialmente para menus
  • Footer - Rodapé vai créditos ou localização
  • Section - Vai Section e oque entendi o conteúdo dela não pode ser Section dentro de seção por isso usa Article ou DIVs
  • Article - Podendo colocar Section dentro de Article e Article dentro de Article
  • Figure - Para mencionar figura como o nome já diz de forma semanticamente
  • Figcaption - Mencionar uma legenda para sua figura sem precisar de divs dessa não sabia

----------------------------------------- Minis Projetos -------------------------------------------

Primeiro:

https://github.com/PauloJose-PJ/trilha-html-modulo-1

Segundo:

https://github.com/PauloJose-PJ/trilha-html-modulo-2

Terceiro:

https://github.com/PauloJose-PJ/trilha-html-modulo-3

----------------------------------------------------------------------------------------------------------

Bom vou parar por aqui pois é bastante conteúdo e até mesmo o curso não oferece uma formação ampla que toda documentação da versão HTML5 oferece, gostei do conteúdo e vejo vocês na próxima.

Compartilhe
Comentários (0)