Want to create interactive content? It’s easy in Genially!

Reuse this genially

Introducción a la programación web

Ambassador

Created on October 11, 2020

HTML CSS Javascript

Start designing with a free template

Discover more than 1500 professional designs like these:

Geniaflix Presentation

Vintage Mosaic Presentation

Modern Zen Presentation

Psychedelic Presentation

Newspaper Presentation

Audio tutorial

Pechakucha Presentation

Explore all templates

Transcript

<html><css> <javascript>

HTML

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto

Etiquetas / Tags

<p> textos</p>

Estructura básica

<!DOCTYPE HTML><html><head>...</head><body>... ... ...</body></html>

Etiquetas Principales

<title> ... </title><h1> ... </h1> <p> ... </p> <br>

lorem

Estructura básica

<!DOCTYPE HTML><html><head><title> Mi primera WEB </title></head><body><h1> Título Principal </h1> <h2> Subtítulo </h2> <p> En este espacio colocamos un párrafo </p></body></html>

imagen

html

<img src="localización" alt="text">

css

filter: grayscale(%); opacity(%); saturate(%) blur(px)

tablas

<table> <tr> <th> Titulo 1 </th> <th> Titulo 2 </th> </tr> <tr> <td> Fila 1 - Columna 1 </td> <td> Fila 1 - Columna 2 </td> </tr> <tr> <td> Fila 2 - Columna 1 </td> <td> Fila 2 - Columna 2 </td> </tr> </table>

CSS

CSS (siglas en inglés de Cascading Style Sheets), en español «Hojas de estilo en cascada», es un lenguaje para definir y crear el diseño visual de un documento estructurado escrito en un lenguaje de marcado.

Estructura CSS

selector{propiedad: valor;}

Estructura CSS

p{color: red;}

propiedades basicas

p{font-size: 20px; color: red; text-align: center; background-color: tomato;}

selector id

Se utiliza un id cuando necesitamos que solo uno de los elementos tenga un estilo.

html

<h1 id="tituloP"> Titulo Principal </h1>

css

#tituloP {font-size: 50px; }

selector class

Se utiliza una class cuando necesitamos aplicar estilos a varios elementos:

html

<h1 class="centroR"> Titulo centrado rojo </h1>

.centroR {text-align: center; color: red; }

css