Fonte html branca. Como adiciono uma cor de fundo ao título do texto? Rgba - texto semitransparente

Encontre o título "html". Deve estar na parte superior do documento.

Lembre-se da sintaxe básica para este processo. Para criar um gradiente, você precisa saber duas quantidades: o ponto / ângulo inicial e a gama de cores que se misturam. Você pode escolher várias cores para que elas se misturem; você também pode definir a direção ou o ângulo da transição.

plano de fundo: gradiente linear (direção / ângulo, cor1, cor2, cor3 e assim por diante);

Crie um gradiente vertical. Se nenhuma direção for especificada, o gradiente irá de cima para baixo. Para criar tal gradiente, insira o seguinte código entre as tags :

html (altura mínima: 100%;) corpo (plano de fundo: -webkit- gradiente linear (# 93B874, # C9DCB9); plano de fundo: -o- gradiente linear (# 93B874, # C9DCB9); plano de fundo: -moz- linear -gradiente (# 93B874, # C9DCB9); plano de fundo: gradiente linear (# 93B874, # C9DCB9); cor de fundo: # 93B874;)

Navegadores diferentes implementam funções de gradiente de maneira diferente, então você precisa adicionar várias versões de seu código.

Crie um gradiente direcional. Se você não quiser que o gradiente execute verticalmente, especifique a direção da transição de cor. Para fazer isso, insira o seguinte código entre as tags :
html (min-height: 100%;) body (background: -webkit- linear-gradient (left, # 93B874, # C9DCB9); background: -o- linear-gradient (right, # 93B874, # C9DCB9); background: -moz- gradiente linear (direita, # 93B874, # C9DCB9); plano de fundo: gradiente linear (para a direita, # 93B874, # C9DCB9); cor de fundo: # 93B874;)
- Se quiser, troque as palavras "esquerda" e "direita" para experimentar diferentes direções do gradiente.
Use outras propriedades para ajustar o gradiente. Você pode fazer mais com isso do que pensa.
- Por exemplo, você pode inserir uma porcentagem após cada cor. Isso especificará quanto espaço cada segmento de cor ocupará. Aqui está um exemplo de código com estes parâmetros:
  fundo: gradiente linear (# 93B874 10%, # C9DCB9 70%, # 000000 90%);
- Adicione transparência à cor. Nesse caso, ele desaparecerá gradualmente. Para obter um efeito de desbotamento, use a mesma cor. Para definir a cor, você precisa da função rgba (). O último valor definirá a transparência: 0 é uma cor opaca e 1 é uma cor transparente.
  fundo: gradiente linear (para a direita, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Revise o código. O código para criar um gradiente de cor como plano de fundo da página da web seria algo assim:

< html > < head > < style >html (min-height: 100%;) body (background: -webkit- linear-gradient (left, # 93B874, # C9DCB9); background: -o- linear-gradient (right, # 93B874, # C9DCB9); background: -moz- gradiente linear (direita, # 93B874, # C9DCB9); plano de fundo: gradiente linear (para a direita, # 93B874, # C9DCB9); cor de fundo: # 93B874;) < body >

Instruções

Coloque os cabeçalhos Niveis diferentes entre as tags de abertura e fechamento correspondentes, se ainda não for feito no código-fonte da página da web. Por exemplo, o título mais importante (primeiro nível) deve estar entre as tags

e

Cabeçalho

O próximo subtítulo de nível mais importante deve ser colocado entre as tags

e

etc. O último dos níveis previstos é o sexto -

e

Coloque na parte do cabeçalho do código-fonte (entre as tags e) uma instrução informando ao navegador do visitante que a descrição dos estilos em CSS está localizada neste local:

Insira entre as tags de estilo de abertura e fechamento uma descrição dos estilos para os títulos de cada nível, aparência que você deseja alterar. Por exemplo, se você só precisa alterar a aparência dos títulos de primeiro nível, este código pode ser assim: Aqui, h1 indica que a descrição entre chaves se refere à tag h1 e é chamada de "seletor". O parâmetro color define a cor do texto, o parâmetro font-size define o tamanho da fonte, font-style com o valor itálico é o estilo oblíquo das letras, a espessura da fonte com o valor negrito é, margin-top é, margin -inferior é a margem inferior. Para títulos de segundo nível, adicione um bloco semelhante com um seletor h2, etc.

Use a sintaxe abreviada se houver muitos níveis para descrever. Por exemplo, as descrições das fontes podem ser colocadas em um parâmetro, assim como as descrições dos tamanhos de recuo. Amostra: No parâmetro margem, as margens devem ser especificadas no sentido horário, a partir da margem superior, por meio de um espaço (canto superior direito inferior esquerdo).

Vídeos relacionados

Você vai precisar

Computador, internet, acesso ao conteúdo do site.

Instruções

Se suas prioridades mudarem e isso afetar os temas do site, certifique-se de refletir as mudanças no título. Ao escolher um novo nome, planeje que o nome do site possa se tornar uma marca, se não global, pelo menos para leitores regulares do recurso. Em geral, "o que você chama de iate, então ele vai flutuar".

Decida se você quer trazer Nome do domínio de acordo com o título. Isso não é necessário se eles se encaixam. A propósito, lembre-se disso ao escolher um novo título. Afinal, mudar o domínio é mais difícil. Além disso, é ele quem conecta o site aos visitantes.

Mude o título do site. Plataformas livres modernas e vários construtores de sites, via de regra, possuem controles visuais simples que não requerem conhecimento de linguagens de programação. Vá para o painel de controle do site como administrador.

Encontre na página que abre uma guia chamada "Opções" ou "Configurações", ou "Geral". E lá procure a caixa "Nome do site", onde você pode inserir o texto.

Digite seu novo nome nesta caixa. Certifique-se de clicar no botão Salvar, que tem um nome diferente em diferentes mecanismos da web - "Salvar", "Publicar", "Atualizar".

Para alterar a fonte, use a tag com o atributo FACE. Você pode especificar a fonte por nome (Arial, Tahoma, Verdana) ou tipo (por exemplo, monoespaçado). É aconselhável listar vários nomes de fontes para evitar a situação em que a fonte necessária não foi instalada pelo usuário. Eu recomendo "pontuar" pelo menos uma das fontes comuns (por exemplo, Arial). Não recomendo o uso de mais de 2-3 fontes diferentes em uma página, caso contrário, a página ficará desajeitada e pouco profissional.

Exemplo:

Alterar o tamanho da fonte da página html

O atributo SIZE é usado para alterar o tamanho da fonte. Quanto maior a fonte, mais fácil se torna a leitura do texto. Mas, fonte pequena permite que você ajuste mais informações na tela. Usando o atributo fornecido com a tag , você pode redimensionar o texto de toda a página da web. Usando o atributo SIZE em conjunto com a tag , você pode influenciar a aparência de um texto individual. Existem 7 tamanhos de fonte disponíveis. O menor é indicado pelo número 1 e o maior é 7.

Você pode alterar a fonte usando tags e . aumenta a fonte do fragmento especificado em relação ao texto anterior, e , portanto, diminui.

Você pode obter efeitos interessantes alterando o tamanho de letras individuais. Por exemplo, desta forma, você pode obter uma capitulação - uma letra maiúscula ampliada do início de um parágrafo.

Exemplo:

Escolhendo a cor da fonte da página html

Exibir partes do texto de uma página da Web em fontes de cores diferentes torna-a atraente.

Usando o atributo TEXT no contexto de uma tag , você pode alterar a cor de todo o texto da página da web. Usando o mesmo atributo COLOR com a tag (tem mais prioridade máxima) permite que você interaja com a aparência de um único trecho de texto.

Para alterar a cor do texto, você precisa saber o nome da cor, ou seu código hexadecimal. O código consiste no símbolo da libra # e um número que representa a intensidade dos componentes vermelho, verde e azul da cor. Apenas 16 cores padrão podem ser referenciadas por nome.

Nome das cores Código aqua ## 00FFFF preto ## 000000 azul ## 0000FF fúcsia ## FF00FF cinza ## 808080 verde ## 008000 limão ## 00FF00 marrom ## 800000 marinho ## 000080 oliva ## 808000 roxo ## 800080 vermelho # # FF0000 prata ## C0C0C0 verde-azulado ## 008080 branco ## FFFFFF amarelo ## FFFF00

Tipos de ganhos através da Internet,
ou o que você não precisa perder tempo com

Qual é o melhor lugar para começar para iniciantes.
Onde está o dinheiro na Internet ou uma estratégia para ganhar dinheiro online?

Instruções para criar um site em 5 minutos. Noções básicas de HTML e criação de site passo a passo

Como se tornar um web designer e aprender a criar sites de alto nível.

Como ganhar dinheiro com seu site, como promover seu site e lucrar no piloto automático

Você tem um site, mas não é lucrativo? Visão geral dos serviços de monetização

Você não sabe onde investir seu dinheiro
ter lucro? Esta é uma informação única

Forex em geral. Como investir corretamente seu capital ou ganhos $ 50 por dia no piloto automático

Como e onde comprar um domínio e hospedagem. Como fazer upload de um site para a Internet

Como transferir um domínio para outro registrador para economizar nas renovações

Continuamos a dominar o html, na terceira lição do nosso treinamento estudaremos, ou seja, alterar as cores na página. E então, de alguma forma, tudo parece enfadonho.

O código html que já temos:

Conteúdo do meu site.

Agora vamos aprender como mudar a página. Para indicar a cor que o texto deve ter, você precisa fazer o seguinte.

Mudar a tag Da seguinte maneira: text = "# FF0000">, isto é, mudar cor html e texto, você precisa adicionar o parâmetro text = e especificar seu valor "# FF0000".

O valor do parâmetro determina a cor, ou seja, "# FF0000" - vermelho. A lei das três cores se aplica aqui.

Por exemplo, "# 00FF00" é a cor html verde, "# 0000FF" é a cor do texto html azul. Quando misturadas, essas três cores formam novos tons e cores html. Por exemplo, "# 3715FB".

Vamos deixar o texto da nossa página vermelho. Para fazer isso, aplique o conhecimento adquirido. Como resultado, você deve obter o seguinte código html:

O título da página do meu primeiro site

Conteúdo do meu site.
Estou passando por aulas de criação de sites.

(As novas seções do código html serão destacadas em azul)

Você deve obter o seguinte> modificado.

Agora vamos descobrir como definir a cor html de fragmentos de texto individuais. Se você precisar que parte do texto tenha uma cor html diferente, faça o seguinte:

Coloque o texto que você deseja entre as tags ... Isso é novo tag html, está emparelhado.

Em seguida, insira o parâmetro color = com o valor "# 00FF00", ou seja, assim color = "# 00FF00"> texto de uma cor diferente .

Vamos aplicar o conhecimento em nosso Código HTML e mudar um pedaço de texto.

O título da página do meu primeiro site

Conteúdo do meu site.
Estou passando por aulas de criação de sites.

Você deve obter a seguinte> alteração.

Cor de fundo HTML

Agora vamos mudar cor de fundo html, para isso você precisa definir na tag parâmetro bgcolor = com valor "# 494949", ou seja bgcolor = "# 494949">.