Revisão Básica de HTML

Básicos do HTML

Papel do HTML: HTML representa o conteúdo e estrutura de uma página web.
Elementos do HTML: Elementos são os blocos de construção para um documento HTML. Eles representam headings, parágrafos, links, imagens e mais. A maioria dos elementos HTML consistem de uma tag de abertura (<nomeDoElemento>) e de uma tag de fechamento (<nomeDoElemento>).

Aqui está a sintaxe básica:

<nomeDoElemento>Conteúdo vem aqui</nomeDoElemento>

Elementos Void: Elementos void não podem ter nenhum conteúdo e somente ter uma tag inicial. Exemplos incluem elementos img e meta.

<img>
      <meta>

É comum ver algumas bases de código que incluem uma barra inclinada / dentro do elemento void. Ambas essas formas são aceitáveis: <img> <img/>

Atributos: Um atributo é um valor colocado dentro da tag de abertura de um elemento HTML. Atributos provêm informação adicional sobre o elemento ou especificam como o elemento deve se comportar. Aqui segue a sintaxe básica para um atributo:

<elemento atributo="valor"></elemento>

Um atributo booleano é um atributo que pode tanto estar presente ou ausente numa tag HTML. Se presente, o valor é verdadeiro, caso contrário é falso. Exemplos de atributos booleanos incluem disabled, readonly e required.

Comentários: Comentários são usados em programação para deixar notas para si e outros desenvolvedores em seu código. Aqui segue a sintaxe para um comentário em HTML:

Elementos HTML Comuns

Elemento heading: Existem seis elementos de heading/título em HTML. Os elementos heading de h1 até h6 são usados para indicar a importância do conteúdo abaixo deles. Quanto menor o número, maior é a importância, logo elementos h2 têm menos importância que elementos h1.

<h1>elemento heading mais importante</h1> <h2>segundo elemento heading mais importante</h2> <h3>terceiro elemento heading mais importante</h3> <h4>quarto elemento heading mais importante</h4> <h5>quinto elemento heading mais importante</h5> <h6>elemento heading menos importante</h6>

Elemento de parágrafo: É usado para parágrafos numa página web.

<p>Este é um elemento de parágrafo.</p>

Elemento img: O elemento img é usado para adicionar imagens para a página web. O atributo src é usado para especificar a localização para aquela imagem. Para elementos de imagem, é uma boa prática incluiu outro atributo, chamado alt. Segue aqui um exemplo de um elemento img com os atributos src e alt:

<img src="https://borgeskbrito.neocities.org/neocities.png" alt="logo de host do Neocities.">

Elemento body: Esse elemento é usado para representar o conteúdo para o documento HTML.

<body> <h1>Isso é um título</h1> <p>Isso é um elemento de parágrafo.</p> </body>

Elemento section: Esse elemento é usado para separar o conteúdo em seções menores.

<section> <h2>Sobre</h2> <p>Aopa, eu sou Borges Brito e sou um streamer.</p> </section>

Elemento div: Esse é um elemento HTML genérico que não detém nenhum significado semântico. É usado como um container genérico para deter outros elementos HTML.

<div> <h1>Eu sou um heading</h1> <p>Eu sou um parágrafo.</p> </div>

Elemento âncora (a): Esses elementos são usados para aplicar links para uma página web. O atributo href é usado para especificar onde o link deve ir quando o usuário clicar nele.

<a href="https://www.youtube.com/shorts/S_r_8gCQ5VI">banda fodástica</a>

Elementos de Lista Ordenada (ol) e Não-Ordenada (ul): Para criar uma lista de itens, use o elemento ul com um ou mais li elementos aninhados dentro, dessa forma:.

<ul> <li>erva de gato</li> <li>laser</li> <li>lasagna</li> </ul>

para criar uma lista ordenada de itens, use o elemento ol:

<ol> <li>tratamento de pulga</li> <li>trovão</li> <li>outros gatos</li> </ol>

Ênfase: É usado para dar ênfase num trecho de texto.

<p>Gatos <em>love</em> lasagna.</p>

Forte importância (strong): .

<h6>elemento heading menos importante</h6>

Comentários: .

<h6>elemento heading menos importante</h6>