Como fazer uma letra capitular em HTML

Autor: Joan Hall
Data De Criação: 3 Janeiro 2021
Data De Atualização: 16 Poderia 2024
Anonim
Letra capitular em CSS 3 para textos de websites
Vídeo: Letra capitular em CSS 3 para textos de websites

Contente

Adicione uma capitular a uma página na internet para fazer a primeira letra de um parágrafo parecer como as grandes letras encontradas em livros e jornais. Ela precisa ser maior do que o resto do texto e as outras letras devem ser envolvidas por ela. Pode-se implementar uma letra capitular usando um estilo CSS dentro de uma página HTML.


Instruções

Aprenda a fazer uma letra capital em HTML (Comstock Images/Stockbyte/Getty Images)
  1. Abra um editor de HTML e carregue o arquivo no qual se deseja adicionar a capitular.

  2. Adicione uma nova folha de estilo em cascata, ou classe CSS, na parte do cabeçalho () do arquivo HTML. O importante é que o estilo "flutue" para que outro texto envolva a letra. Um exemplo de como fazer isso é com o código a seguir:

    type="text/css" media="all"> .my_drop_cap { float: left; line-height: 1; font-size: 4em; margin-right: 0.1em; font-weight: bold; }
  3. Cerque a letra que se quer fazer uma capitular com tags "", que correspondem à classe que foi criada no cabeçalho. Usando o exemplo anterior, adicione esse código na seção do corpo do HTML:


    My drop cap letter.

  4. Salve o arquivo HTML e carregue-o em um navegador da internet para ver a capitular.

Aviso

  • As versões mais antigas de navegadores podem exibir determinados códigos CSS de formas inesperadas. Carregue a página HTML em vários navegadores para garantir que ela está sendo exibida corretamente.