Um documento HTML (Hypertext Markup Language) forma a base estrutural de uma página da web, fornecendo a camada de conteúdo. O hipertexto pode ser qualquer texto que possa ser exibido na tela e contém links para outro texto. Sites da Web, por exemplo, têm inúmeros documentos vinculados entre si por meio de hiperlinks.

A linguagem de marcação fornece significado ao texto em um documento, descrevendo a estrutura e o formato desse texto. Além disso, a formatação e a estruturação do texto de um documento HTML é auxiliado por tags.

Se você deseja criar seu próprio site, aplicativo da web ou saber como editar outros sites e aplicativos, você precisa entender o que é HTML? Para servir o objetivo acima mencionado, este post fornece conteúdo rico para obter o básico do HTML.

Elementos html

Os documentos HTML consistem em elementos, e um elemento no HTML consiste nos seguintes objetos:

texto

E definir a propriedade do texto dentro dessas tags. Por exemplo, o texto (Linuxhint) escrito entre as tags

e

será considerado como título 1.

Para parágrafos, pode -se usar tags

e

. No entanto, observa -se que vários elementos HTML não têm as tags finais (ou não contêm nenhum texto dentro), como
, e são referidos como vazio elementos.

Poucos elementos HTML comumente usados ​​são descritos aqui que servem a várias funcionalidades para criar uma página HTML:

• Tabela de texto: As tags

  ,

  ,

  ..

  são usados ​​para títulos de texto de vários tamanhos.

• Seção/divisão: Uma seção ou divisão é definida usando a tag. Essas divisões também são chamadas de contêineres e um único contêiner pode conter vários contêineres.
• Parágrafo: Qualquer texto escrito entre

  e

  será considerado um parágrafo.
• link: Para incorporar um link em um documento HTML, as tags de anchor () são usadas.
• Listando itens: O A tag é praticada para listar os itens. Além disso, o
  e
  As tags são usadas para organizar os itens em uma lista ordenada e não ordenada, respectivamente.
  • Imagem: Para inserção de uma imagem, a tag é usada.

  Atributos HTML

  A funcionalidade dos elementos HTML pode ser estendida usando atributos. Os atributos são definidos na etiqueta inicial e direcionam o elemento HTML para executar a propriedade específica no conteúdo dessa tag. Por exemplo, uma tag de âncora em html contém um atributo Href que cria um link para o conteúdo escrito dentro daquela tag. Vamos tentar:

  A seguinte tag de âncora () contém o texto “Linuxhint" e a Href atributo criará o link de índice.html naquele texto.

  Além disso, você pode especificar várias propriedades de estilo de um elemento usando os atributos. O atributo de estilo do HTML pode ser usado para especificar cores, estilo de fonte e tamanho de fonte de um elemento. Os usuários podem limitar as dimensões de uma imagem em elemento usando o largura e altura atributos. O aula atributo de um elemento permite que você use a propriedade de uma classe CSS.

  Editores HTML

  O editor HTML desempenha um papel vital no desenvolvimento de um documento HTML. Embora o básico dos documentos HTML dependa fortemente dos elementos. No entanto, esses elementos são estruturados usando um editor. Esta seção lista vários editores HTML mais usados:

  Código do Visual Studio

  O Código do Visual Studio fornece uma extensa gama de recursos para edição e redefinir o código-fonte de aplicativos baseados na Web/em nuvem. É desenvolvido pela Microsoft e possui acessibilidade de código aberto, portanto, possui suporte ao Linux também.

  Wysiwyg Web Builder

  O wysiwyg significa Cchapéu You See EUs Cchapéu You GET, e como o nome direciona, mostra a saída na edição em tempo de execução. Esta ferramenta suporta a versão mais recente do HTML5 e alguns lançamentos anteriores também.

  Texto sublime

  Usando esta ferramenta, você pode criar um documento HTML com uma estrutura pronta. Depois de salvar qualquer arquivo de texto sublime usando .html ou .Extensão HTM, você obteria toda a estrutura da página, como mostrado na imagem abaixo:

  Bloco de anotações++

  Notepad ++ é outro construtor HTML que permite construir uma página usando os elementos HTML. Se um arquivo de notas ++ for salvo com .htm ou .html Extensão, ele o guiará a usar elementos HTML corretos.

  Além disso, várias outras ferramentas também estão disponíveis, como marcador de sintaxe, conclusão automática, depuração e validação de código.

  Como os documentos HTML são desenvolvidos

  O documento HTML é composto por elementos disciplinados para obter conteúdo significativo. Esses elementos são estruturados usando um editor HTML. Aqui estamos usando o Sublime Text 4 como um editor HTML:

  Você pode seguir as etapas fornecidas abaixo para construir uma página simples HTML:

  Passo 1: Abra o editor de texto sublime e salve o arquivo usando .html, .xhtml, .shtml ou.Extensão HTM.

  Passo 2: Escreva no painel de edição de texto e pressione Enter. O tempo que você atinge Enter, uma estrutura básica do documento HTML será criada por padrão, como mostrado abaixo:

  A imagem acima representa os elementos necessários de um documento HTML. Além disso, vários elementos e seus atributos embelezam a interface da página e atendem às necessidades de um usuário.

  Conclusão

  HTML é um idioma que oferece a formatação e estruturação do texto para uma página da web. Este artigo fornece um guia informativo e abrangente sobre HTML. Você conheceu os blocos de construção de documentos HTML. Além disso, fornecemos links para várias ferramentas de edição que podem ajudá -lo a criar páginas HTML.