Criando uma página em HTML

outubro 8, 2019 00:55

HTML é uma das linguagens usadas para criar páginas na internet junto com CSS e JavaScript. HTML é uma linguagem de marcação, ou seja, ela define os elementos da página com tags indicando o inicio e o fim dos elementos. Para começar criamos um arquivo com o nome index.html usando o bloco de notas ou uma IDE. O arquivo index ó o primeiro arquivo carregado quando se acessa a página inicial de um site, e a extenção .html indica que o arquivo possui apenas texto e marcações html.

<!-- Something before the submenus -->
<!DOCTYPE html>
<html lang="pt-br">
<head>
   <meta charset="utf-8" />
   <title>Título que aparece na aba do navegador</title>
</head>
<body>
Conteúdo que aparece na pagina
</body>
</html>

Essa é a estrutura básica de uma página, dentro do elemento body são usadas tags para organizar o conteúdo que aparece na página. Títulos e subtítulos podem ser definidos com as tags h1, h2, etc para organizar o texto e a tag p cria os parágrafos.

<h1>Títulos</h1>
<h2>Subtítulo</h2>
<h3>Subtítulo</3>
<p>Parágrafos com texto.</p>

Títulos

Subtítulo

Subtítulo

Parágrafos com texto.

Criando links

Para criar um link é usada a tag <a> com o atributo href para indicar o endereço do link.

<a href="https://ryuushi.com">Link</a>

Link

Adicionando imagens

Para adicionar imagens a página usa-se o elemento <img> o atributo src define o endereço da imagem e o elemento alt adiciona uma descrição da imagem.

 <img src="https://exemplo.com/image.jpg">
Tag:

Categorizado em: