Entradas

Mostrando las entradas etiquetadas como Código CSS

Google Fonts : Como agregar fuentes con estilo a tu web

Imagen
¿Quieres que las letras de tu web tengan estilos diferentes a los convencionales  "Arial" o "Times New Roman"? En esta publicación te explico como incluir fuentes de Google Fonts que harán lucir tu web con estilo propio.😉 A por las fuentes!!: 1.Ingresar a google fonts. En esta página encontraras cantidad de modelos de fuentes para elegir : https://fonts.google.com/ 2.Seleccionar las fuentes de tu gusto. Para esto debes hacer clic en el signo "+" que aparece en la parte superior derecha del modelo de letra elegido. En la parte inferior derecha aparecerá un recuadro en negro que indica que la fuente quedo seleccionada. Puedes elegir la cantidad de fuentes que quieras y se irán agregando a la lista. 3.Copiar y pegar la etiqueta HTML. Al hacer clic en el recuadro en negro se despliega  información donde se muestra la etiqueta HTML que debes agregar a tu código. Copia la etiqueta  que se muestra al seleccionar la opción standard. Esta etiqueta  la debes pegar

"Hola Mundo" con HTML y CSS

Imagen
¿Te gustaría crear contenido web que puedas ver con tu navegador favorito? En esta publicación te explico lo esencial que necesitas saber para crear un "Hola Mundo" con los lenguajes  HTML y CSS. Empecemos por definir algunos conceptos importantes: Hola Mundo Es el nombre que se le da al primer programa que se crea cuando se esta aprendiendo un lenguaje de programación. Este programa mostrará el texto "Hola Mundo" en pantalla. HTML Es el lenguaje que se utiliza para crear la parte visible en pantalla de los elementos que conforman una página web. CSS Es un lenguaje de diseño gráfico que combinado con el HTML permite definir y crear la presentación de la página web. Donde escribir el código Para escribir el código puedes usar cualquier programa editor de texto como por ejemplo "bloc de notas" o "Gedit"; incluso puedes usar "Word". Lo ideal es escribirlo en un programa editor de código como "Visual Studio Code" o "Sublime T

Como usar el editor de código de Sololearn

Imagen
¿Quieres escribir código en una herramienta que no requiera instalaciones , te permita guardar y acceder a tu información desde cualquier dispositivo y además puedas publicar tus proyectos ? Todas estas ventajas las tiene el "Code Playground" de Sololearn. En esta publicación te explico como utilizar este practico editor de código que te permite practicar programación mientras aprendes. Para empezar expliquemos que es un " Editor de Código " Según Wikipedia: Un  editor de código fuente  es un editor de texto   diseñado específicamente para editar el código fuente  de programas informáticos  . Puede ser una aplicación individual o estar incluido en un entorno de desarrollo integrado  🙋 En otras palabras un editor de código es una herramienta que te facilita la escritura de código fuente. Dicho esto te explico como usar el editor de código de Sololearn ....... Paso 1. Ingresar a Sololearn. Aunque puedes crear y visualizar el resultado de tu código sin tener una cuent