Recomendaciones para iniciar en el Lenguaje HTML
Vas a necesitar un navegador web, cualquiera sirve, excepto por internet explorer que siempre ha estado por detrás de todos los otros. Te recomiendo Google Chrome porque cuenta con varias herramientas para desarrolladores.Por otra parte necesitas ir practicando cada tema que se exponga aquí, puedes estar realizando tu sitio web he ir trabajando en él mismo o puedes utilizar programas para practicar tu HTML como Notepad++, Sublime text o cualquier editor de texto incluyendo el bloc de notas, por mi parte utilizare Copeden para ir haciendo los ejemplos y poder insertarlos en el blog.
Al escribir DOCTYPE html ya estamos indicando al navegador que utilizaremos la ultima versión de este lenguaje y las etiquetas <html> indican donde inicia y termina la página.
Por ejemplo si deseas escribir un titulo utilizarías la etiqueta <h1> y luego de ese titulo un párrafo utilizarías la etiqueta <p>. Es importante que te vallas familiarizando con estas etiquetas en Firefox tienen una excelente lista.
Los atributos se agregan a estas etiquetas con un valor y sirven para personalizar el contenido, aunque ya casi toda la personalización se realiza con CSS del que hablaremos más adelante. Por ejemplo si a un titulo le deseas cambiar el color a rojo la etiqueta sería <h1 style="color:red">.
Existen también muchos atributos, en próximas entradas explicaré varios de ellos, a continuación te muestro con copeden algunas etiquetas y atributos básicos en funcionamiento.
Con esto ya conoces los conceptos básicos sobre el lenguaje de marcado web HTML. Ahora te invito a ver las demás entradas del curso:
¿Qué es el HTML y sus versiones?
HyperText Markup Languaje, en español, Lenguaje de marcas de Hipertexto es el famoso HTML que ha pasado por muchas versiones, estando actualmente la quinta versión que eliminó sus variantes y ha simplificado la vida de muchos.En sencillas palabras este lenguaje utiliza “etiquetas” para estructurar diversas zonas de una web y su contenido, como por ejemplo: <etiqueta> Hola soy contenido </etiqueta> .
Para comenzar a crear una página debemos escribir las siguientes etiquetas en el editor de código que estés utilizando y guardar el archivo como nombre.html para que se pueda ver con el navegador:
<!DOCTYPE html"> <html> Aquí ira todo el contenido </html>
¿Qué es una etiqueta y un atributo?
Una etiqueta es un código que escribes de esta forma < aquí el nombre de la etiqueta > la cual siempre debes cerrar con un / </aquí el nombre de la etiqueta>, entre ella existe contenido que representa un elemento en una página donde cada una tiene distintos nombres. Entre ellas puedes escribir contenido o atributos.Por ejemplo si deseas escribir un titulo utilizarías la etiqueta <h1> y luego de ese titulo un párrafo utilizarías la etiqueta <p>. Es importante que te vallas familiarizando con estas etiquetas en Firefox tienen una excelente lista.
Los atributos se agregan a estas etiquetas con un valor y sirven para personalizar el contenido, aunque ya casi toda la personalización se realiza con CSS del que hablaremos más adelante. Por ejemplo si a un titulo le deseas cambiar el color a rojo la etiqueta sería <h1 style="color:red">.
Existen también muchos atributos, en próximas entradas explicaré varios de ellos, a continuación te muestro con copeden algunas etiquetas y atributos básicos en funcionamiento.
See the Pen Introducción al HTML by DiegoPresol (@DiegoPresol) on CodePen.
- Introducción (estás aquí)
- Enlaces
- Tablas
- Listas
- Imágenes
- Formularios (solo la arquitectura con HTML)
- Layout
- Extra: Atributo HTML LazyLoading Nativo