Se você deseja construir sua primeira página da web e está procurando um guia que o ajudará. O seguinte tutorial servirá como um guia passo a passo para fazer páginas HTML para iniciantes.

O que é html?

A abreviação HTML da linguagem de marcação de hipertexto é uma linguagem de programação da web que é usada para exibir conteúdo em um navegador da web. Consiste em uma série de elementos. Esses elementos são usados ​​para exibir e estruturar seu conteúdo de texto, imagens e outros objetos na página da web, como formulários, planilhas, videoclipes, clipes de som e outros aplicativos. Vamos começar com um exemplo simples.

Este é um título

Este é um parágrafo

A anatomia do exemplo acima é a seguinte.

• é uma declaração de um documento HTML.
• É conhecido como o elemento raiz do HTML e envolve todo o conteúdo.
• É um elemento que inclui o tipo de conteúdo oculto do usuário…
• Como o nome sugere, este elemento especifica o nome da sua página HTML.
• Este elemento serve como um contêiner para o conteúdo que aparece na página da web.

• Este elemento define um título.

• Este elemento especifica um parágrafo.

Elementos html

No exemplo acima, você encontrará diferentes elementos html. Um elemento HTML é categorizado por uma tag de partida, uma etiqueta final e conteúdo que é colocado entre essas tags. Por exemplo, no exemplo acima '

Este é um título

'É um elemento. Aqui

é a etiqueta inicial, "este é um título" é o conteúdo e

é a etiqueta de fechamento.

Uma página HTML consiste em elementos aninhados. No exemplo acima, existem cinco elementos HTML que são , , ,

e

Tags html

As tags HTML são usadas para iniciar e terminar um elemento HTML. Tags começam com menos do que '' sinal.
Por exemplo:

Não se esqueça de fechar uma etiqueta depois de iniciar. Para fazer isso, use uma barra para frente além dos colchetes angulares. Aqui está como fazer isso

.

Nota importante: nunca misture elementos HTML com tags html. Ambas são entidades separadas.

Atributos HTML

Os atributos no HTML são usados ​​para adicionar informações adicionais sobre um elemento HTML. Esta informação adicional é adicionada à tag de início.

Neste exemplo, o src especifica a localização e o formato da imagem e o alt atributo fornece uma breve descrição da tag img.

Cabeças de HTML

Já discutimos o elemento de cabeçalho HTML acima. Vamos mergulhar em seus detalhes. Esses títulos são definidos por

para

tags e 1 a 6 representam o tamanho do título.

A tag é usada para especificar o maior título enquanto

A tag é usada para definir a menor tabela.

Por exemplo:

Bem -vindo à minha primeira página HTML

Você também pode fornecer vários estilos para o seu cabeçalho. Por exemplo,

Este é um título

Parágrafos HTML

O elemento parágrafo html é especificado pelo

Este é o meu primeiro parágrafo. Estou aprendendo básicos html. Eu quero me tornar um desenvolvedor da web algum dia e criar sites incríveis.

Agora você deve estar pensando que deve haver algum editor usado para criar páginas HTML. Aqui estão alguns exemplos.

Editores HTML

Aqui alguns dos editores populares de HTML são alistados.

Bloco de anotações++

É um dos editores mais comuns que os programadores da Web usam para desenvolver páginas HTML. Abaixo, apresentamos alguns prós e contras do bloco de notas++.

Prós

• É um editor HTML gratuito e de código aberto.
• É leve e rápido.
• Tem uma interface sem distração.
• É flexível e vem com alguns plug-ins convenientes.
• É suportado por todos os sistemas operacionais.

Contras

• É construído apenas para sistemas operacionais do Windows.
• Tem opções limitadas para testes de código.

Texto sublime

O editor de texto sublime se assemelha ao bloco de notas ++, mas é muito mais avançado. Abaixo, mencionamos alguns prós e contras do texto sublime.

Prós

• Está disponível para sistemas operacionais Windows, Linux e Mac.
• Tem uma interface colorida.
• É bom para iniciantes.
• O editor fornece sugestões com base no código existente, enquanto cada sugestão possui um link que contém mais informações sobre ele.
• Tem um recurso de edição dividida também

Contras

• Os recursos completos estão disponíveis somente após a compra do software.
• Não pode imprimir documentos ou código.

Código do Visual Studio

O Código do Visual Studio, também conhecido. Ele fornece um ambiente de desenvolvimento integrado (IDE). A seguir estão alguns prós e contras do código do Visual Studio.

Prós:

• É compatível com Windows, Mac e Linux.
• Ele fornece um recurso de conclusão automática.
• A interface é fácil de usar.
• Ele fornece ferramentas de depuração integradas.
• Os usuários podem adicionar extensões de linguagem.

Contras

• É um sistema de software pesado.
• É também um sistema de peso pesado que ocupa muito espaço em disco.

Conclusão

HTML é uma linguagem de marcação padrão que é um requisito central para a criação de páginas da web. Este tutorial fornece aos iniciantes um guia passo a passo detalhado sobre o básico do HTML. Ele discute elementos HTML, tags, atributos, títulos, parágrafos, juntamente com exemplos adequados. Além disso, este tutorial também orienta o leitor sobre diferentes editores populares da web e menciona claramente suas vantagens e desvantagens.