O HTML foi desenvolvido por Tim Berners-Lee e só foi ganhar popularidade com quando o Mosaic - browser desenvolvido por Marc Andreessen ganhou força.
As principais características do HTML são:
- Ele não é case-sensitive, ou seja, nos marcadores não faz diferença as letras aparecerem maiúsculas ou minúsculas.
- Podem ser criados em qualquer editor de texto.
- Existem conversores de vários formatos, por exemplo, doc para HTML.
A estrutura básica de uma pagina em html é essa:
<!DOCTYPE HTML>
<htmllang=”pt-br”>
<head>
<title></title>
</head>
<body>
</body>
</html>
Os metadados são dados sobre a pagina e as tags são:
<head> - é onde fica a parte inteligente da pagina, por exemplo, estilo css, scripts, etc.
<title> - é o titulo da sua pagina, aparece na aba do navegador.
<link> - é usada para trazer links de fontes externas para a pagina como por exemplo uma folha de estilo css
<meta> - é usada para informar o conteúdo do site para os buscadores, por exemplo, palavras chaves.
<style> - é usada para definir um estilo a pagina.
Temos varias sessões dentro da pagina e entre elas estão: body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address.
- body é o corpo da pagina
- header é o cabeçalho
- nav é o conjuntos de links, seja ele o menu ou links relacionados da pagina
- selection é cada seção do conteúdo
- article é o conteúdo dentro de cada seção
- aside é usado para conteúdo relacionados
- footer é o rodapé da pagina
- h1, h2, h3, h4, h5, h6 são usados para títulos, o h1 tem mais importância já o h2 menos e assim por adiante.
- address é usado para fornecer o nome do autor do documento
- hgroups é utilizado para agrupas os elementos de títulos
A tag comentário (<! --comentario-->) é utilizada dentro do documento para o programador deixar comentários sobre o que é aquilo, o que ele está fazendo, etc.
São elementos de agrupamentos em uma pagina: p, hr, blockquote, ol, ul, li, dl, dt, dd, div.
- p – define um parágrafo
- hr – define uma divisão de conteúdo
- blockquote – define uma citação
- ol – lista ordenada
- ul – lista não ordenada
- li – item de uma lista
- dl – lista de definições
- dt – termo da lista de definição
- dd – descrição do termo da lista de definição
- div – marca uma divisão ou seção do documento
São elementos do texto semânticos: a, abbr, span, strong, em, BR
- a – usado para hiperlink
- abbr – usado para abreviações
- span – usado para dar um estilo diferente a partes especificas do texto
- strong – usada para dar uma forte ênfase ao texto (negrito)
- em – usada para dar ênfase ao texto
- br – quebra de linha
É um conteúdo embutido img.
• Img – usada para inserir imagem a pagina HTML.
Nenhum comentário:
Postar um comentário