HTML y CSS para Noobs

Mi nombre es Erick Delfin. Si, Delfin como el mamífero.

Semestre: 9

Desarrollador Web

Que es HTML?

HTML

HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web.

Este lenguaje es utilizado para la elaboración de páginas web.

Como funciona?

Antes

La intención era poder crear, editar y compartir documentos de texto a través de la red.

Por ejemplo:

Google Docs hoy en dia

Despues

Se crearon reglas para que HTML tuviera cierto formato con el fin de crear paginas web y compartir información.

Paginas web hoy en dia.

HTML: Un poco de historia

Principales Caracteristicas HTML

Solo es estructural
Se maneja por etiquetas
Es muy fácil de leer
Multi-plataforma

Etiquetas HTML

En el codigo HTML se ven como

<h1>Hola Mundo</h1>

<p>Yo soy un parrafo bonito. Lorem ipsum dolor sit amet
elit. Deserunt magnam ea pariatur omnis vero ad porro 
iusto et ipsa <br /> <br /> similique minima recusandae, ducimus 
nulla corporis tempore minus tempora inventore odit!</p>

<img src="mountains.jpg" alt="Montañas">

CSS

CSS es un lenguaje que define la apariencia de un documento HTML.

CSS y HTML van de la mano siempre. Una verdadera historia de amor.

Características de CSS

Es complementario a HTML
Se maneja por selectores
Tiene mucha flexibilidad

<h1>Hola Mundo</h1>

<p>Yo soy un parrafo bonito. Lorem ipsum dolor sit amet
elit. Deserunt magnam ea pariatur omnis vero ad porro 
iusto et ipsa similique minima recusandae, ducimus 
nulla corporis tempore minus tempora inventore odit!</p>

<img src="mountains.jpg" alt="Montañas">

Selectores de CSS

h1 {
  color: blue;
  letter-spacing: 15px;
}

p {
  color: gold;
}

img {
  width: 150px;
}