HTML Básico

¿Y qué es HTML?

Cada página web que visitamos está escrita en un lenguaje llamado HTML. Se puede pensar en HTML como en el esqueleto que le da estructura a la página web.

HTML significa HyperText Markup Language.

Un lenguaje de marcas es un lenguaje de programación utilizado para hacer el texto hacer algo más que sentarse en una página: puede convertir texto en imágenes, enlaces, tablas, listas, y mucho más.

codigo

NOTA:

Los códigos HTML tienen a ser muy pesados y largos, así que decidí que todos los códigos de la lección de hoy los pondrán encontrar en GitHub, solo den click, en el menú de arriba.


Etiquetas

Es el elemento básico de HTML y se usa en este estilo:

captura-de-pantalla-2017-01-30-a-las-8-06-09-a-m

Etiquetas vacías: Hay algunas etiquetas que no siguen el patrón de arriba, estas se llaman etiquetas vacías y son aquellas en las que no tiene sentido poner nada dentro, como el añadir un salto de línea.

No te preocupes si ahora no tiene sentido, poco a poco iras notando el patrón.

 

DocType

Esta etiqueta es la primera en cada documento de HTML, esta le dice al navegador sepa que se está usando HTML.

html40

 


Partes de HTML
base

Un archivo en HTML tiene dos partes una cabecera y un cuerpo.

  • HEAD: La cabecera es donde está la información del archivo HTML como su título o autor.
  • BODY: El cuerpo es donde se coloca el contenido como texto, imágenes y links. El contenido del cuerpo es loq que de verdade será visible en la página.

¿Qué partes tiene el Head?

Las partes del Head son muchas y muchas no son totalmente necesarias, así que te dejo un código donde esta comentada cada parte del Head.

 

 


Texto

Párrafo html38
Hipervínculo
html30

Link de texto

html31

Link de imagen

 

Imágenes html37

Tipos de Estilo de Texto

Negrita html36

html35

Cursiva html34

html33

Subrayado html32

 


Manejo de URL

../ En la carpeta de arriba
./ En la carpeta donde estoy
/ En la carpeta madre

Espacios y Lineas Horizontales

captura-de-pantalla-2017-01-30-a-las-8-12-40-a-mPara incluir una nueva línea en un punto y forzar a que el texto que sigue se muestra en la línea inferior, se utiliza la etiqueta.

La etiqueta es una de las pocas etiquetas especiales de HTML. La particularidad de
es que es una etiqueta vacía, es decir, no encierra ningún texto. De esta forma, la etiqueta debe abrirse y cerrarse de forma consecutiva:

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s