JAB Studios S.A.S

Sintaxis CSS CSS se compone de algunas reglas de estilo que el navegador entiende y luego aplica y esto se basa es tres simples partes. Por ejemplo si queremos definir el color de un titulo lo que debemos tener en cuenta es lo siguiente: h1 {color: purple} Al elemento h1 se le denomina selector ya que seleccionamos que formato vamos a usar, al elemento color se le denomina propiedad ya que es lo que queremos que se le aplique al formato y al elemento purple se le denomina valor ya que es la manera en que la propiedad se va a aplicar. Selectores de tipo Los selectores de tipo son los más comunes y faciles de usar ya que este apunta a todos los tipos de elementos de la pagina. Por ejemplo en el siguiente codigo usamos el selector de tipo para todos los parrafos: Selectores de id y clase Estos selectores permiten aplicar un estilo a un elemento HTML que tenga un atributo id, independientemente de donde se encuentre ubicado. Por ejemplo: EN ...

La etiqueta <script> Esta etiqueta puede tomar dos atributos, lenguaje y tipo, que especifican la secuencia de comandos. El atributo lenguaje ya no esta en uso, por lo tanto no lo debemos de usar pero queria compartirles por si alguna vez ven un archivo HTML antiguo. Ahora en modo de ejemplo vamos a hacer un cuadro de alerta en nustra pagina web de esta manera: Y este es el resultado del navegador, las cosas se están poniendo interesantes y se pondrán aún mejor.

Nuestro primer JavaScript Vamos entonces a empezar a agregar nustro JavaScript a la pagina web. Tengamos en cuenta que JavaScript vive dentro de el archivo HTML asi que los scripts estaran encerrados por las etiquetas <script></script>. El <script> puede ponerse entre las etiquetas <head> y <body>, pero debemos tener en cuenta que si lo ponemos en head se ejecutara primero que el cuerpo de nuestra pagina que es a la que le daremos lo interactivo. Ahora vamos a usar esto para imprimir un mensaje en la web: La función document.write()  escribe una cadena de caracteres para luego imprimirla así: Formato de texto Podemos usar las etiquetas HTML en los scripts para darle los formatos que ya hemos visto antes, así:

CSS en línea Usar un estilo de linea es una  manera de insertar una hoja de estilo, en este caso de CSS en linea solo se le aplica a un elemento o etiqueta que se quiera estilizar. En este ejemplo vemos como usando CSS podemos darle al párrafo un fondo negro y letra color azul. CSS integrado/interno Para aplicar este método  se define la etiqueta <style> dentro de un encabezado (<head>). Al usar este método el estilo ya no se le da solo a una linea sino a todos los elementos que tienen el estilo aplicado en la etiqueta <style>. Y este es el resultado, de verdad que es de gran utilidad esto cuando la página esta muy grande. CSS externo Este metodo se utiliza teniendo un archivo guardado con la extensión .css donde estaran todos los valores que le queramos dar a la estructura de un documento HTML. Ejemplo Con este archivo aparte iremos al archivo HTML y luego llamaremos con la etiqueta <link...

Encabezados HTML Para los encabezados en HTML tenemos seis etiquetas que van desde mayor a menor según su importancia: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Este es el resultado en el navegador: No se recomienda usar encabezados para hacer la letra grande y en negrita ya que los motores de busqueda los usan para indexar la pagina. Si quieres agregar propiedades a tu texto puedes ver la entrada donde explico cuales son aquí . Lineas horizontales Para hacer una linea se usa la etiqueta <hr>, esto es HTML significa una roptura temática. Así se ve en el navegador: Comentarios Los comentarios no afectan en absoluto el archivo HTML y de igualmanera los navegadores tampoco lo muestran. Se usan para hacer de tu archivo un codigo legible dandole recordatorios, indicaciones y lo que quieras ponerle. La etiqueta para comentarios es esta: <!- Aquí va el comentario -> (el signo de exclamación solo esta e...

Bienvenido a HTML HTML significa Hyper Text Markup Language (Lenguaje de marcado de hipertexto) A diferencia de un lenguaje de programación que usa scripts para hacer sus funciones, HTML usa etiquetas para identificar el contenido de sus funciones. Un ejemplo seria algo como esto: <p>Esto es un párrafo</p> Estructura Web La capacidad que se puede alcanzar codificando con HTML es fundamental para cualquier profesional. Si alguien quiere empezar a crear paginas web tiene que tener el conocimiento sobre esta habilidad ya que podríamos decir que es el punto de partida para cualquier desarrollador. Estructura: HTML = Estructura CSS = Presentación JavaScript = Comportamiento

Bienvenido a Python Python es un lenguaje de programación de alto nivel que se usa en muchas áreas, como son la programación de paginas web, scripts, computación científica e inteligencia artificial. Este lenguaje en muy usado por algunas organizaciones como Google, La Nasa, La CIA y Disney. Aquí les dejo el link de descarga para la aplicación Python: Descargar Python