Tecnología

Inicio

Cómo hacer que su número de teléfono grande y rojo en HTML

February 4

Cómo hacer que su número de teléfono grande y rojo en HTML


La mayoría de las empresas ponen sitios web porque quieren la exposición. En el mundo digital, la gente suele pensar en proporcionar formularios de contacto o una dirección de correo electrónico para que los clientes en contacto con las empresas, pero los números de teléfono todavía tienen su lugar. Si desea animar a los visitantes llame, la mejor manera de hacerlo es hacer que su número de teléfono se destaca en la página. Usted puede hacer esto por lo que es grande y rojo. La adición de un <span> alrededor del número de teléfono en HTML y luego aplicando un par de propiedades CSS simples se formatear el texto para destacar.

Instrucciones

1 Abra el archivo HTML de la página web utilizando un programa de edición de código, tal como Notepad ++, BBEdit o jEdit. También puede utilizar Microsoft Bloc de notas de Windows.

2 Encontrar su número de teléfono en el código HTML. Si no agrega el número de teléfono aún, hágalo ahora.

3 Envuelva su número de teléfono en <span> Siempre que vea que en el código y dar la etiquetas <span> un valor de atributo de clase de "teléfono". El código resultante tendrá este aspecto: <span class = "teléfono"> 1-800-555-5555 </ span>. El código también puede tener etiquetas para párrafos o partidas envueltos alrededor del número de teléfono. Poner las etiquetas <span> dentro de esas etiquetas en lugar de fuera de ellos.

4 Desplazarse hacia arriba dentro de su archivo HTML hasta que encuentre el <style>.

5 Añadir <style> entre las etiquetas <head> etiquetas si no encuentra ninguna.

6 Escriba el siguiente código CSS: .phone {font-size: x-large; color rojo;}. Sustituir "X-Large" con un tamaño de fuente en píxeles, si lo prefiere una convención más específica de la fuente de dimensionamiento. Utilice los valores de color hexadecimales para obtener un tono diferente de rojo, si se desea.

Consejos y advertencias

  • A menos que usted quiere que su número de teléfono para clasificar en Google como palabra clave, lo mejor es no utilizar etiquetas de título para que sea grande. Deja etiquetas de título a importantes palabras clave de texto que contiene.
  • Si el fondo de su sitio web es oscura, puede dar al texto una sombra de un color claro y configura su desplazamiento a cero píxeles. Ajuste el radio de desenfoque a por lo menos diez píxeles. Esto hace que el brillo de texto. He aquí un ejemplo: .phone {text-shadow: 0 0 10px # f0e68c;}.