com foco em HTML

Entender o html puro ajuda a entender o front-end feito por frameworks como vue.js, react, angular e etc.

diferença entre linguagem de programação e marcação? linguagem de de marcação = html é a base, a estrutura da web, determina o que é botão, título e etc (mas não determina sua ação), determina a entrada e saída dos dados. javascript = determina o comportamento dos elementos, clicar no botão e abre uma modal css = é uma forma de deixar a página visualmente bonita, ex o pintor.

linguagem de programação = Na internet existe uma arquitetura chamada client servidor, onde client é o que é visto, ou que é interagido com leitor de tela, a linguagem de programação (bibliotecas de javascript: java, python, swift) é o que roda no servidor.

é um documento, tem uma estrutura e regras de escrita. Linguagem de marcação de texto. O poder do html é muito grande. Fica só na camada do cliente. A Tag é um dicionário, onde se determina qual a versão será utilizada para o documento. html = roda no browser, no client linguagem de programação = roda no servidor

Acessibilidade existe desde os anos 80, mas não foi algo difundido, a maioria dos problemas é de não usarem html repetidamente exemplo IDs repetidos, onde os mesmos ids são usados para coisas diferentes. tag span não tem valor semantico nenhum

o poder da web esta na sua interoperabilidade

delimitadores, tem inicio e fim. Atributos dá mais poder a tag dependendo da finalidade.

<title> marca os títulos das páginas do navegador. insert+t

menor p e maior menor barra ao contrario p e maior

propriedade e valor alt = caso o usuário esteja com conexão ruim, o atributo alt aparecerá primeiro para o usuário.

https://developer.mozilla.org/pt-BR/docs/Learn/Getting_started_with_the_web/HTML_basics HTML básico - Aprendendo desenvolvimento web | MDN (mozilla.org)

não tem valor semântico div para estruturas muito genericas não usar div como um botão, ou marcar texto. mas tomar cuidado onde vai usar.

não ordenada = nvda fala bolinha marcador ordenada = tem sequencia numerica de definição = tem um item e a sua definição nvda = é verbalizado quantos itens tem a lista, e marcadores.

131, 2410

botão = retangular, bordas link padrão = texto + sublinhado na cor azul, se clicado, ele fica roxo (e no leitor fica como visitado) se botão deve ter a aparência de botão se link deve ter a aparência de link