Introdução ao HTML


Índice


Estrutura Básica de HTML

(Voltar)

Para começar a estruturar o html primeiro, é preciso criar um arquivo(index.html), esse é o jeito recomendado de se escrever pois é o padrão normalmente usado como a página principal. O html basicamente tem 3 partes, o html, head e o body. O HTML ele defini a página como html, dentro dele vai todas as tags da página. O HEAD são coisas que vão carregar antes de exibir para o usuário. O BODY são coisas que vão aparecer na página do navegador para o usuário.

O que são Tags

(Voltar)

Existem muitas tags, cada uma com sua função e toda tag tem um sinal de menor(<), o nome da tag (html) e o sinal de maior(>). Agora para fechar é preciso colocar antes do nome da tag e depois do sinal de menor uma barra(/), sinalisando o fechamento da tag. Mas existem algumas que não precisa colocar a barra para fechar. EX: input, img e outras.

Atributos das Tags

(Voltar)

Atributos são propiedades que mudam a funcionalidade de uma tag, existem atributos que quase toda as tags vão ter EX: class, id e outras. E as que são expecificas de uma determinada tag. EX: tag = img atributo = src.

Tags de Texto

(Voltar)

Basicamente será o que o usuário vai ler, também chamado de tipografia que é a arte e o processo de criação na composição e impressão de um texto. Algumas tags mais comuns são EX: h1 até o h2 que são títulos e subtítulos, p que é para paragrafos e blockquote pode ser usado como se fosse uma sitação de uma pessoa. Também pode colocar tags no meio do texto como EX: strong = deixar o texto em negrito, u = deixar o texto em sublinhado, i = serve para deixar em italico e muito mais.

Listas Ordenadas e Não Ordenadas

(Voltar)

Existem dois tipos de listas e para funcionarem é preciso colocar as tags filhas que são tags dentro de outra tag que essa séria o pai. Na lista Ordenada os items na lista vão estar em uma ordem com números. Na lista Não Ordenada ele tira os números indícando uma ordem por pontinhos ou bolinhas como marcadores. Porque não tem um ordem, Da para usar as listas de varias formas como um súmario, menu e outros.

(Voltar)

Normalmente os links são usados para acessar outras páginas, outros sites como se fosse uma ligação. A tag responsavel por isso é a áncora(a). E para funcionar é preciso colocar o href, que séria onde vai levar para o site, e um texto que vai exibir o link. Para abrir o link em outra aba usa o target = "_blank", o "_self" é o padrão, abrindo o link na mesma aba. Também tem o atributo "title" serva para colocar um balão quando o mouse fica em cima do link.

Referências

(Voltar)

Alguns vídeos que me ajudaram a tirar as minhas dúvidas.

  1. 5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO!
  2. Curso de HTML para iniciantes - Aprenda HTML em 1 hora