4.11. Introdução ao HTML: estrutura básica, tags e atributos: Tags de entrada (input)

Página 15

Introdução ao HTML: Estrutura básica, tags e atributos: Tags de entrada (input)

Introdução ao HTML

HTML, que significa HyperText Markup Language, é a linguagem de marcação padrão para criar páginas da web. HTML descreve a estrutura de uma página da web e consiste em uma série de elementos. HTML fornece a estrutura básica da página, sobre a qual são adicionadas camadas de estilo e comportamento.

Estrutura básica do HTML

Um documento HTML começa com o tipo de documento . O documento HTML em si começa com a tag e termina com . O conteúdo visível da página da web é colocado entre e .

<!DOCTYPE html>
<html>
<head>
<title>Título da página</title>
</head>
<body>

O conteúdo da página vai aqui...

</body>
</html>

Tags e Atributos HTML

Os elementos HTML são definidos por tags, rodeadas por colchetes angulares. HTML tags são normalmente em pares como <h1> e </h1>, mas algumas representam elementos vazios e são incompletas, como <img>. Os atributos HTML fornecem informações adicionais sobre os elementos. Eles vêm sempre em pares de nome/valor, como: name="value".

Tags de entrada (input)

A tag de entrada (input) é um dos elementos mais importantes do HTML para a interação do usuário. A tag pode ser exibida de várias maneiras, dependendo do tipo de atributo.

<input type="text">  
<input type="radio"> 
<input type="submit"> 

Alguns dos atributos mais comuns que acompanham a tag de entrada incluem o atributo 'value', que define o valor inicial do controle, e o atributo 'name', que define o nome do controle.

<input type="text" value="Nome">
<input type="radio" name="gênero">

Conclusão

HTML é uma linguagem de marcação essencial para qualquer desenvolvedor web. Ele fornece a estrutura básica da página, que é então aprimorada com CSS para estilo e JavaScript para comportamento. Compreender a estrutura básica do HTML, as tags e atributos, especialmente a tag de entrada, é fundamental para criar páginas da web interativas e dinâmicas.

Nota: Este é apenas um exemplo de como um documento HTML é estruturado. Na prática, você provavelmente terá muito mais tags para formatar seu conteúdo. Além disso, lembre-se de que é uma boa prática sempre fechar suas tags HTML para evitar qualquer possível confusão com o navegador.

Now answer the exercise about the content:

De acordo com o texto, qual das seguintes afirmações é verdadeira sobre HTML?

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

164.12. Introdução ao HTML: estrutura básica, tags e atributos: Tags de botão (button)

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text