Notícias

HTML Para iniciantes – Anatomia HTML – Aula 1

O que você vai ver aqui!

Toggle
AULA 1

Anatomia HTML

Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto. Como o nome diz, HTML não é uma linguagem de programação ele é uma linguagem de marcação utilizada para estruturar páginas web.

Ela é utilizada na construção de qualquer página web, portanto, todo programador deve conhecer todos os conceitos do HTML.

Quem está dando os primeiros passos na programação, nesse blog temos uma série de conteúdos que pode ajudar você aprimorar seus conhecimentos.

Para começar, vamos apresentar a estrutura básica de um arquivo HTML abaixo:

No exemplo acima você viu a estrutura básica de um arquivo HTML, agora, no exemplo abaixo vamos mostrar como é escrito um título de cabeçalho no HTML que é representado pela tag <h1> que é o título mais forte do HTML. Eele pode ir do H1 até o H6 que vamos explicar mais a frente:

No exemplo acima, começamos o texto com uma TAG <H1> e terminamos com a TAG </H1>

O <H1> é sempre a abertura do elemento e a TAGS </H1> é o fechamento do elemento, isso serve para todas as TAGS do HTML.

Agora que você sabe como escreve um título de cabeçalho, vamos dar um exemplo de paragrafo, todo paragrafo é representado pela tag <P>.

O HTML é responsável por dar significado aos textos inseridos na tela. Trabalhado de forma semântica ajudará seu site a ser melhor indexado aos buscadores.

Continue lendo os itens abaixo que vamos explicar cada uma das principais TAGS do HTML.

Informa o navegador que aquele arquivo é um arquivo HTML, ele é a raiz do documento o contêiner que envolve todas as outras tags.

Ele não é exibido no navegador quando a página é carregada, nele você pode adicionar informações como, folhas de estilo CSS, links para favicons e outros metadados que você vai ver em outro artigo.

Body ou em português corpo, nele você adiciona todo o conteúdo de um HTML que será apresentado ao público, seja ele, textos, imagens, vídeos, jogos, ou qualquer outra coisa que você queira apresentar.

Para finalizar o primeiro dessa série de artigos sobre HTML para iniciantes, vamos apresentar abaixo uma boa referência para iniciar no html.

Referência: https://www.w3schools.com/html/ para quem busca aprimorar o conhecimento nesse site vai encontrar todo conteúdo do básico ao avançado.

Isto foi útil?

Obrigado pelo seu feedback!
cupcom

Recent Posts

Descubra 6 vantagens de escolher o WooCommerce para criar sua loja virtual

Nesse artigo vamos falar um pouco das vantagens de usar o Woocommerce em seu projeto…

3 horas ago

Transformar código em imagem: Confira 3 opções

Nesse artigo vamos apresentar 3 opções para transformar seus códigos em imagens e divulgar em…

7 horas ago

Google Analytics: Descubra as principais métricas para impulsionar seu e-commerce

O Google Analytics é uma ferramenta poderosa e totalmente gratuita oferecida pelo Google, que fornece…

11 horas ago

Como criar um template de e-mail marketing que vende

O E-mail Marketing ainda é uma das maneiras mais eficientes de envolver seu usuário e…

14 horas ago

Layout de e-commerce: Aprenda a criar um vendedor de sucesso e aumente suas vendas online

Se você possui ou planeja criar uma loja virtual, descubra dicas essenciais para criar um…

19 horas ago

7 editores de imagem JavaScript gratuitos

Neste artigo vamos listar 7 editores de imagens gratuitos em Javascript para você usar em…

23 horas ago