Introdução ao HTML: estrutura básica, tags e atributos
HTML, que significa Hyper Text Markup Language, é a linguagem de marcação padrão para a criação de páginas da web. Com HTML, você pode criar sua própria estrutura de site, usando diferentes tags e atributos.
Estrutura Básica do HTML
A estrutura básica de uma página HTML consiste em três partes principais: o elemento <head>, o elemento <body> e o elemento <html>. O elemento <html> é a raiz de uma página HTML. Todos os outros elementos HTML devem ser descendentes deste elemento.
<!DOCTYPE html>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
O corpo da página...
</body>
</html>
Tags HTML
Tags HTML são a base de qualquer página da web. Eles definem e estruturam o conteúdo em uma página da web e são usados para criar elementos HTML, como cabeçalhos, parágrafos, listas, links, imagens e muito mais.
Uma tag HTML consiste em um nome de tag, colocado entre colchetes angulares. Uma tag HTML normalmente vem em pares, com uma tag de abertura e uma tag de fechamento.
<p>Este é um exemplo de uma tag de parágrafo em HTML.</p>
Atributos HTML
Atributos HTML são usados para fornecer informações adicionais sobre elementos HTML. Eles são sempre especificados na tag de abertura e geralmente vêm em pares de nome/valor.
Por exemplo, a tag <a> (que cria um link) tem um atributo chamado "href" que especifica para onde o link deve ir:
<a href="https://www.example.com">Este é um link</a>
Introdução aos Objetos e Arrays em JavaScript
Objetos
Em JavaScript, um objeto é uma coleção de propriedades, e uma propriedade é uma associação entre um nome (ou chave) e um valor. Um valor de propriedade pode ser uma função, que é então considerada um método do objeto.
var pessoa = {
nome: "John",
idade: 30,
cidade: "New York"
};
Arrays
Um array é um objeto global especial, que é uma lista ordenada de valores. Em JavaScript, os arrays começam com um índice de 0.
var frutas = ["Maçã", "Banana", "Morango", "Laranja", "Limão"];
Esperamos que esta introdução ao HTML e JavaScript tenha sido útil e tenha proporcionado uma compreensão básica de como essas tecnologias funcionam. No próximo capítulo, exploraremos mais a fundo o CSS e como ele é usado para estilizar páginas da web.
