Skip to main content

Nova Páginaags HTML: Conceitos Fundamentais

Tags HTML: Conceitos Fundamentais


Vamos explorar os conceitos fundamentais ao criar uma nova página HTML. Ao compreender esses conceitos, você estará preparado para criar páginas web ricas e interativas. Aperfeiçoaremos as informações sobre os elementos essenciais do HTML:

1. Estrutura Básica HTML

Todo documento HTML segue uma estrutura básica que consiste em:

<!DOCTYPE html>
<html>
<head>
    <!-- Metadados, tais como título e links para estilos -->
</head>
<body>
    <!-- Conteúdo visível da página -->
</body>
</html>
  • <!DOCTYPE html>: Declara o tipo de documento como HTML5.
  • <html>: A raiz do documento.
  • <head>: Contém metadados, como título da página e links para folhas de estilo.
  • <body>: Inclui o conteúdo visível da página.
2. Cabeçalhos e Títulos

Os cabeçalhos, definidos pelas tags <h1> a <h6>, são usados para criar títulos e sub-títulos. <h1> é o título mais importante, seguido por <h2>, <h3>, e assim por diante.

<h1>Título Principal</h1>
<h2>Subtítulo</h2>
.
.
.
<h6>Subtítulo</h6>

O título da página é definido na seção <head> usando a tag <title>.

3. Parágrafos e Texto

Use a tag <p> para criar parágrafos. O texto é simplesmente colocado entre as tags.

<p>Este é um parágrafo de exemplo.</p>
4. Listas

O HTML suporta listas ordenadas e não ordenadas. Use <ul> para listas não ordenadas e <ol> para listas ordenadas. Cada item da lista é definido com <li>.

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

<ol>
    <li>Primeiro item</li>
    <li>Segundo item</li>
</ol>
<a href="https://www.exemplo.com">Visitar Exemplo</a>
6. Imagens

Use a tag <img> para exibir imagens na página. O atributo src especifica o caminho da imagem e o atributo alt fornece um texto alternativo.

<img src="imagem.jpg" alt="Descrição da Imagem">

Estes conceitos fundamentais estabelecem a base para a criação de conteúdo em uma página HTML. À medida que você avança, pode explorar mais elementos, como tabelas, formulários, vídeos e áudio, bem como o uso de CSS e JavaScript para estilizar e interagir com sua página. Conforme você se familiariza com esses elementos, poderá criar páginas web dinâmicas e envolventes.

No Comments
Back to top