Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Marcação de Texto | Tags e Atributos
HTML Supremo
course content

Conteúdo do Curso

HTML Supremo

HTML Supremo

1. Desenvolvimento Web
2. Tags e Atributos
3. Estrutura do Documento
4. Mídias e Tabelas
5. Formulários

bookMarcação de Texto

Parágrafo

A tag <p> é utilizada para definir um parágrafo de texto. Por padrão, cada parágrafo começa em uma nova linha. A tag <p> é comumente usada para exibir conteúdo de texto, como artigos, blogs e outras formas de informações textuais em uma página da web.

A tag <p> também é crucial para a otimização de motores de busca, já que esses motores utilizam a tag para entender a estrutura de uma página da web e identificar o conteúdo principal. É recomendado o uso da tag <p> para todo o conteúdo textual na página web, com exceção de títulos, itens de lista ou outros tipos especializados de conteúdo.

html

index

css

index

js

index

copy

Nota

Em um ambiente de desenvolvimento integrado (IDE), uma aplicação de software que ajuda programadores a desenvolver código de maneira eficiente, podemos usar a funcionalidade lorem para gerar texto que pode ser utilizado para preencher conteúdos para fins de design e layout. Por exemplo, podemos digitar lorem20 em um documento HTML e pressionar a tecla Enter. Isso criará um texto com um comprimento de 20 palavras. Em vez de 20, qualquer número pode ser usado.

Títulos

Os títulos <h1> ... <h6> são usados para definir a hierarquia e a estrutura de uma página web. Os títulos fornecem contexto para o conteúdo da página, ajudam os usuários a navegar pela página e também são usados pelos motores de busca para entender o conteúdo da página. As tags <h1> a <h6> são utilizadas para criar títulos de diferentes tamanhos e níveis de importância, sendo <h1> o mais importante e <h6> o menos importante. É uma boa prática usar os títulos em ordem lógica e evitar pular níveis (por exemplo, ir de <h1> para <h3> sem usar <h2>).

html

index

css

index

js

index

copy

Listas

Em HTML, listas podem ser criadas usando duas tags principais: <ul> (lista não ordenada) e <ol> (lista ordenada).

Lista não ordenada (
    )

<ul> cria uma lista com marcadores ou pontos para cada item sem uma ordem ou classificação específica. Cada item é cercado por uma tag <li> (item de lista), que cria um ponto separado para cada item.

html

index

css

index

js

index

copy

Lista ordenada (
    )

<ol> é usado para criar uma lista com uma ordem ou classificação específica. Os itens da lista são numerados sequencialmente utilizando a tag <li>. Você também pode especificar um valor inicial para a numeração usando o atributo start na tag <ol>.

html

index

css

index

js

index

copy

Aninhamento de listas

Tanto <ul> quanto <ol> podem ser aninhados um dentro do outro para criar sublistas. Por exemplo, você pode criar uma lista numerada (<ol>) com listas de pontos (<ul>) aninhadas para cada item.

html

index

css

index

js

index

copy
1. Qual é o propósito da tag `<p>` em HTML?
2. Quais são os dois principais tipos de listas em HTML?
3. Qual é a tag HTML utilizada para criar uma lista ordenada?
Qual é o propósito da tag `<p>` em HTML?

Qual é o propósito da tag <p> em HTML?

Selecione a resposta correta

Quais são os dois principais tipos de listas em HTML?

Quais são os dois principais tipos de listas em HTML?

Selecione a resposta correta

Qual é a tag HTML utilizada para criar uma lista ordenada?

Qual é a tag HTML utilizada para criar uma lista ordenada?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 4
some-alt