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;
}

Qué preguntas tienen?

HTML

By Nifled -

HTML

  • 231