Conhecendo um pouco sobre HTML
- #HTML
O HTML foi criado em 1990 por Tim Berners-Lee, um cientista da computação britânico, enquanto trabalhava no CERN (Organização Europeia para Pesquisa Nuclear). Na época, o objetivo de Berners-Lee era desenvolver uma forma simples de compartilhar informações e documentos entre pesquisadores e cientistas.
O HTML foi criado como uma linguagem de marcação, uma forma de adicionar marcações e etiquetas em um documento de texto simples para indicar sua estrutura e conteúdo. Com o HTML, era possível criar links entre documentos e incorporar imagens e outros elementos multimídia.
O HTML é usado para criar as páginas que vemos na internet. Junto com o CSS (Cascading Style Sheets) e o JavaScript, o HTML forma a base da maioria dos sites modernos.
Estrutura base
Agora falaremos um pouco sobre a estrutura base usada em uma página web. Ela é composta de três elementos principais: o doctype, o head e o body.
<!DOCTYPE html>
<html>
<head>
<title>Título da Página</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Título Principal da Página</h1>
<p>Parágrafo de texto.</p>
<img src="imagem.jpg" alt="Descrição da Imagem">
<a href="https://www.exemplo.com">Link para outro site.</a>
</body>
</html>
O doctype é a primeira linha de código em uma página HTML e serve para indicar ao navegador qual é a versão do HTML que está sendo usada na página. Por exemplo, a linha <!DOCTYPE html> indica que a página está sendo escrita em HTML5.
O head é a parte da página que contém informações sobre a página que não são exibidas diretamente na janela do navegador. É aqui que devem ser colocadas informações como o título da página, descrição, palavras-chave, links para arquivos CSS e JavaScript, entre outros.
O body é a parte da página que contém o conteúdo visível que será exibido na janela do navegador. É aqui que devem ser colocados os textos, imagens, links e outros elementos que compõem a página.
Porém, é preciso bem mais que isso para poder formar uma página web completa. Em seguida veremos isso com mais detalhes.
Algumas tags
As tags HTML são etiquetas ou marcadores que indicam ao navegador como interpretar e exibir o conteúdo de uma página da web. Elas são usadas para definir a estrutura e o layout da página, bem como para adicionar e formatar o texto, imagens, links e outros elementos que compõem a página.
Existem centenas de tags HTML disponíveis, cada uma com sua própria função e sintaxe específica. Algumas tags são usadas para estruturar a página, como as tags <html>, <head> e <body>, enquanto outras são usadas para adicionar e formatar o texto, como as tags <p>, <h1> e <strong>, entre outras.
Além disso, existem tags específicas para adicionar elementos a sua página, como é o caso da tag “<img>” usada para adicionar imagens, assim como tags que servem para criar links como é o caso da tag “<a>”.
Em seguida iremos ver uma lista com algumas tags e sua funcionalidade.
- <html> - Define o início e o fim do documento HTML.
- <head> - Contém informações sobre a página que não são exibidas diretamente no navegador, como o título da página, metadados, links para arquivos CSS e JavaScript, entre outros.
- <body> - Contém todo o conteúdo visível da página, como texto, imagens, links, entre outros.
- <h1> a <h6> - Define os cabeçalhos da página, sendo o <h1> o mais importante e o <h6> o menos importante.
- <p> - Define um parágrafo de texto.
- <a> - Define um link para outra página ou recurso na web.
- <img> - Define uma imagem a ser exibida na página.
- <ul>, <ol>, <li> - Define uma lista não ordenada <ul>, uma lista ordenada <ol> e um item de lista <li>.
- <table>, <tr>, <th>, <td> - Define uma tabela <table>, uma linha da tabela <tr>, uma célula do cabeçalho da tabela <th> e uma célula da tabela <td>.
- <form>, <input>, <button>, <select> - Define um formulário <form>, um campo de entrada de dados <input>, um botão <button> e uma lista de opções <select>.
- <div> - Define uma seção genérica da página, que pode ser estilizada com CSS.
- <span> - Define uma seção genérica da página, que pode ser estilizada com CSS, mas que não adiciona nenhuma semântica ao conteúdo.
Essas são apenas algumas das principais tags HTML, mas existem muitas outras disponíveis, cada uma com sua própria função e sintaxe específica. Caso tenha curiosidade, pode verificar mais sobre as tags HTML no site: w3schools
Essa foi apenas uma pequena introdução sobre o HTML, ou seja, não foi abordado tudo o que essa tecnologia abrange. Caso você queira se tornar um desenvolvedor web, é importante conhecer mais a fundo sobre o HTML e as demais tecnologias que formam a estrutura web.
Em breve irei falar sobre o CSS e o JavaScript. Espero que essas informações possam te ajudar em algo.
Até a próxima 😀
