Introdução ao HTML

Estamos falando de Introdução ao HTML . Um documento HTML é uma linguagem de marcação usada para criar páginas da Web na Internet.

Examinaremos todos os elementos básicos do HTML, incluindo sintaxe e estrutura, formulários e multimídia.

O HTML foi desenvolvido por Tim Berners-Lee, um cientista da computação britânico que criou a World Wide Web (www) enquanto trabalhava no CERN na Suíça.

O HTML 1.0 foi lançado em 1993 como a primeira versão do HTML. À medida que a web se tornou mais complexa, versões subsequentes foram desenvolvidas para aprimorar os recursos da linguagem e resolver problemas.

Houve várias variantes de HTML desde o início da World Wide Web, incluindo:

Ano	Versões
1989	www foi criado por Tim Berners-Lee.
1991	O HTML foi criado por Tim Berners-Lee.
1993	HTML+ foi criado por Dave Raggett.
1995	O HTML 2.0 foi definido pelo HTML Working Group.
1997	O HTML 3.2 é recomendado por mrexamples.
1999	O HTML 4.01 é recomendado pelo mrexamples.
2000	mrexamples recomenda 2000 XHTML 1.0.
2008	Primeiro rascunho público do HTML5 por WHATWG
2012	WHATWG HTML5 Padrão de Vida
2014	HTML5 é recomendado por mrexamples
2016	HTML 5.1 é uma recomendação mrexamplesCandidate.
2017	mrexamples recomenda HTML5.1, segunda edição .
2017	HTML5.2 é recomendado por mrexamples.

Nota: Espero que tenhamos coberto todo o tópico relacionado ao tutorial de HTML . HTML5 é a especificação mais recente usada neste guia.

Atualmente, o HTML 5 é a versão mais recente da linguagem, publicada em 2014. Com o HTML 5, multimídia, marcação semântica e acessibilidade são aprimorados em relação aos seus predecessores.

Os desenvolvedores agora podem criar facilmente páginas da Web dinâmicas e interativas compatíveis com uma variedade de dispositivos graças a essas melhorias.

Índice-

Introdução ao HTML:

O que é HTML?

HTML (Hypertext Markup Language) é a linguagem de marcação padrão usada para criar páginas e aplicativos da web.

O HTML é um componente chave no desenvolvimento da Web e é usado para estruturar o conteúdo em uma página da Web, definindo elementos e atributos que fornecem significado semântico ao conteúdo.

HTML é uma habilidade essencial para desenvolvedores e designers da Web, e um entendimento básico de HTML é necessário para quem deseja criar páginas da Web.

Aqui estão alguns pontos-chave para ajudá-lo a entender a importância do HTML no desenvolvimento web:

O HTML funciona junto com Cascading Style Sheets ( CSS ) e JavaScript para criar páginas da Web visualmente atraentes, amigáveis e interativas.
O HTML define elementos e atributos para ajudar os desenvolvedores a organizar e estruturar o conteúdo em uma página da Web, o que é essencial para otimização de mecanismo de busca (SEO) e acessibilidade.
HTML é uma linguagem de marcação, o que significa que é uma linguagem que usa tags para marcar o conteúdo. As tags fornecem significado semântico ao conteúdo, permitindo que os mecanismos de pesquisa rastreiem e indexem as páginas da Web com mais eficiência.
O HTML está evoluindo continuamente para atender às necessidades do desenvolvimento web moderno. Atualmente, a versão mais recente do HTML é o HTML5, que inclui novos recursos, como elementos multimídia, controles de formulário e tags semânticas.

Entendendo o Documento HTML

Compreender o HTML é o primeiro passo para a criação de páginas e aplicativos da Web.

A estrutura básica de um documento HTML consiste nos seguintes elementos:

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>Your Page Title</title>
</head>
<body><div><h1>This is just a Heading</h1></div>
<div><p>This is just a paragraph.</p></div></body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação:

O exemplo acima mostra um documento HTML que cria uma página da Web simples. A declaração <!DOCTYPE html> no início do código especifica que o documento foi escrito em HTML5.
A tag <html> define o início e o fim do documento HTML e todo o código dentro dela será interpretado como HTML. A tag <head> contém metadados sobre o documento, como o título da página da Web que aparece na guia do navegador.
A tag <body> contém o conteúdo visível da página da web. Neste exemplo, há duas tags <div> dentro da tag <body> . A primeira tag <div> contém uma tag <h1> que cria um título com o texto “Isto é apenas um título”. A segunda tag <div> contém uma tag <p> que cria um parágrafo com o texto “ Isto é apenas um parágrafo ”.
Quando o código é executado em um navegador da Web, as tags HTML são interpretadas e exibidas como uma página da Web com um título e um parágrafo.

Outro exemplo de documento HTML:

Example:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>My Fist HTML page with Mr Examples</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação

É especificado na declaração <!DOCTYPE html> que este documento é HTML5.
O elemento <html> é o elemento raiz de um documento HTML.
O elemento <head> contém metainformações sobre a página HTML.
O elemento <title> especifica um título de página (que aparecerá na barra de título ou guia do navegador) para uma página HTML.
O elemento <body> define o corpo de um documento, que contém cabeçalhos, parágrafos, imagens, hiperlinks, tabelas, listas e outros conteúdos visíveis.
O elemento <h1> define um título grande. (Um título deve aparecer após qualquer cabeçalho.).
O elemento <p> descreve um parágrafo.

Tags HTML: o que são?

As tags HTML são usadas para definir diferentes elementos de uma página da web.

As tags são colocadas entre colchetes angulares < > e geralmente são combinadas com uma tag de fechamento que começa com uma barra / .

Por exemplo, a tag <h1> é usada para definir um cabeçalho de nível superior e deve ser fechada com uma tag </h1>.

Como estamos discutindo como aprender HTML , os elementos HTML têm tags iniciais, conteúdo e tags finais:

<tagname>
Here's content...
</tagname>

Do início ao fim, a Tag HTML é:

<h1>
This is my First Heading
</h1>
<p>
This is my first paragraph.
</p>

Marcas iniciais	conteúdo do elemento	Etiquetas finais
<p>	Este é o meu primeiro parágrafo.	</p>
<h1>	Este é o meu primeiro título.	</h1>
<br>	nenhum	nenhum

Observação: algumas tags HTML , como a tag <br> , estão vazias. Estes são referidos como elementos vazios. Elementos que estão vazios não possuem uma tag final.

Navegadores da Web

Chrome, Edge, Firefox e Safari são exemplos de navegadores cuja função principal é ler e exibir textos HTML com precisão.

Quando falamos de introdução HTML, as tags HTML são usadas por um navegador para decidir como exibir a página, mas não são mostradas:

Estrutura da Página HTML

Aqui está uma ilustração da estrutura de uma página HTML:

<html>

<cabeça>

<title>Título da página do Sr. Exemplos</title>

</head>

<corpo>

<h1>Este é apenas um título</h1>

<p>Este é um parágrafo justo.</p>

<p>Este é o segundo parágrafo.</p>

</body>

</html>

Lembrete: Um navegador mostrará o material contido na seção (a área branca acima). A barra de título do navegador ou a aba da página mostrará o material contido no elemento <title> quando se trata de Introdução HTML .

Conclusão

O HTML tem desempenhado um papel vital na criação de páginas e aplicativos da Web, pois representa a base do desenvolvimento da Web. Você pode criar conteúdo da Web semântico, acessível e responsivo se entender os fundamentos da sintaxe, tags e atributos de HTML.

Qualquer pessoa interessada em web design e desenvolvimento deve aprender HTML, e fornece uma base sólida para aprender CSS e JavaScript também.

Se você achar este artigo informativo, por favor, deixe sua reação abaixo como um sinal de agradecimento por nós.

Nós valorizamos o seu feedback.