Como obter o valor da tag P em Javascript

| | | | | | | | | | | | | | | | | | | | | | | | | | |

A tag HTML permite aplicar estilos a parte de uma página da Web ou de um parágrafo. É frequentemente usado para estilizar o texto em um parágrafo, por exemplo, alterando a cor de uma palavra. A tag não tem estilos por padrão.

Ao programar em HTML, você pode decidir que deseja estilizar algo específico em sua página da web. Por exemplo, você pode querer enfatizar uma determinada palavra em uma frase ou um link específico em uma lista de links.

é de onde vem a tag HTML . é um container inline genérico que permite formular conteúdo em um documento da web. é comumente usado para estilo - especialmente para estilo de texto

Este tutorial discutirá, com exemplos, como usar HTML ;. para aplicar um estilo aos elementos de uma página web. Quando terminar de ler este tutorial, você será um especialista no uso da tag HTML .

tag HTML

HTML parte de uma tag de página da web. É frequentemente usado em um elemento

para aplicar estilos a uma parte específica de um parágrafo. Por exemplo, você pode usar para alterar a cor de uma palavra em um parágrafo.

Por si só, a tag não tem padrão ou renderizador. Isso significa que, se você usar a tag sem atributos, ela não afetará a maneira como sua página da Web será exibida.

é frequentemente usada com CSS para aplicar um determinado style para um ou mais elementos específicos em uma página da web. permite aplicar facilmente um determinado estilo a vários elementos de uma só vez em uma página da Web

>

Sintaxe HTML

A tag HTML Span tem uma abertura () e um fechamento () Podemos usar a seguinte sintaxe para use a tag :

A tag HTML não possui atributos de tag específicos. Por exemplo, a tag do botão tem "altura" e "largura" como atributos específicos da tag. não possui nenhum desses tipos de atributos porque depende de CSS para estilização. A tag suporta todos os atributos HTML globais .

Você pode pensar na tag semelhante a são usadas para definir seções e blocos de texto porque

Nosso código retorna:

Em nosso exemplo, sublinhamos os termos " deliciosos assados ‚" e " milhares ‚". O Sr. Pringle nos disse que esses termos são importantes, então direcionamos o programa para exibi-los em vermelho.

Definimos uma string de texto entre

HTML . Este texto traça a história da Pringle and Bakery Sons. Quindi, abbiamo racchiuso i termini che vogliamo appaiano in rosso nei tag .

Nel nostro file CSS, abbiamo specato che il colore di ogni elemento assegnato alla class redText dovrebbe essere Vermelho. Isso nos permite alterar a cor do nosso texto para vermelho quando usamos a tag

;. é útil neste caso porque apenas queríamos enfatizar certas palavras em nosso texto. Poderíamos ter um texto de estilo em vermelho na própria tag

. Mas isso daria origem a um parágrafo vermelho inteiro.

HTML em uma lista

Assuma que a Pringle and Sons Bakery está nos pedindo para adicionar uma lista ao site deles com links para suas páginas de mídia social. A padaria observou que os links para suas páginas no Twitter e no Facebook são particularmente importantes porque a equipe é mais ativa nessas plataformas. . Então eles querem que destaquemos os links em azul

Podemos usar o seguinte código para fazer isso:

Nosso código retorna:

 HfpJCIX4ycBUcStlx4EzsAWQzvWNJ 2CLshhieSA BtyOWUe420vh 0KC45uZlVS SsXrpfIP0XBg7turyR5LmnqyarvOug2yL6bfrpS7 KERmAAONXuh5Za9I6x4uL8r FjvWz3

em nossa HTML, criamos uma lista não ordenada usando em> & lt <; ul > etiqueta. Esta lista tem três elementos, cada um dos quais está contido nas tags

  • Lista de artigos para Twitter e Facebook estão incluídos em tags span HTML ( e ). A tag span de abertura para cada item na lista especifica um atributo de classe. o valor do atributo class é "blue".

    Nós definimos um estilo chamado .blue que muda a cor de fundo de qualquer elemento ao qual ele é aplicado para azul claro. a cor de fundo de todos os links com classe CSS .blue em nosso HTML para mudar de azul claro.

    A cor de fundo associada ao nosso link do Instagram não mudou porque não incluímos o texto deste link nas tags .

    Conclusão

    Código HTML é um contêiner genérico usado para aplicar estilos a elementos específicos em uma página HTML. . Por padrão, a tag não faz nada, mas pode ser usada em conjunto com CSS para estilizar elementos

    Como desafio, defina um ; tag que faz uma palavra em uma frase aparecer em todas as letras maiúsculas. Você precisará usar uma regra CSS para desenhar texto com sua tag .

    Este tutorial ilustra, com exemplos, como usar HTML <span> em seu código. Agora você está pronto para começar a usar a tag como um desenvolvedor web profissional!

    Para obter ajuda e suporte com aprendizado de HTML, leia nosso Guia de aprendizagem de HTML .