Como Aumentar A Fonte Em Html

Índice:

Como Aumentar A Fonte Em Html
Como Aumentar A Fonte Em Html

Vídeo: Como Aumentar A Fonte Em Html

Vídeo: Como Aumentar A Fonte Em Html
Vídeo: Curso de HTML Básico #2 - Atributos, fonte e Cor de fundo 2024, Maio
Anonim

O aumento da fonte HTML é possível usando tags especiais que permitem controlar os parâmetros do texto exibido na tela. Configurações de exibição semelhantes são implementadas em CSS, cujo código pode ser facilmente integrado à página editada.

Como aumentar a fonte em html
Como aumentar a fonte em html

Para editar o texto-fonte de um documento com a extensão.html, abra o editor de texto que você está usando (por exemplo, Bloco de notas). Clique em "Arquivo" - "Abrir" e especifique o caminho para a página cujo código você deseja alterar. Em seguida, pressione a tecla Enter no teclado e comece a editar a seção desejada do documento.

Html

A alteração do tamanho da fonte é feita através da alça. Dentro do escopo desta tag, você pode definir os parâmetros necessários para a altura das letras e suas cores. O texto entre os elementos de abertura e fechamento será exibido de acordo com as configurações feitas:

Qualquer texto

As letras escritas entre e terão tamanho 15 devido ao parâmetro de tamanho fornecido.

Salve suas alterações para aplicar os parâmetros. Você pode fechar a janela do editor e clicar duas vezes na página HTML para abri-la em uma janela do navegador. Você também pode clicar com o botão direito do mouse no documento e selecionar "Abrir com" para iniciá-lo em um navegador da web. Selecione seu navegador na lista de programas especificados.

CSS

O uso de folhas de estilo em cascata permite que você ajuste as configurações de fonte. Com a ajuda do código, você pode alterar as configurações de exibição de todo o texto exibido na página e de elementos individuais (por exemplo, títulos). CSS pode ser especificado no corpo do documento (), mas é mais conveniente escrever as diretivas necessárias no descritor colocando os comandos em uma tag.

O atributo font-size é responsável por alterar os parâmetros de tamanho da fonte. O valor descrito pode ser especificado em pixels (px), pontos (pt) e porcentagens (%). Por exemplo:

Mudando o tamanho da fonte

corpo {tamanho da fonte: 13pt; }

h1 {tamanho da fonte: 200%; }

p {tamanho da fonte: 15px; }

Neste exemplo, o tamanho do texto inserido no corpo da página é de 13 pontos. Quaisquer letras entre as etiquetas serão aumentadas 2 vezes (100% do tamanho original). O texto especificado entre os descritores será de 15 pixels. Deve-se observar que os parâmetros definidos para cada elemento da página separadamente terão precedência sobre os valores mais gerais. Por exemplo:

Fonte de parágrafo regular

Parágrafo alterado

Como regra, o texto entre as tags deve ter 15 px de tamanho. No entanto, a fonte no segundo parágrafo terá o tamanho 18, porque o código no corpo do documento geralmente tem precedência sobre as configurações gerais no.

Recomendado: