4.28. Introdução ao HTML: estrutura básica, tags e atributos: Objetos e arrays

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.

Agora responda o exercício sobre o conteúdo: