MODELO DEL SITIO WEB CON HTML

Como HTML, CSS (Cascading Style Sheets) u Hojas de estilo en cascada en español, no es realmente un lenguaje de programación, tampoco es un lenguaje de marcado. Es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML.

ANATOMÍA DE UN ELEMENTO HTML

La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado entre paréntesis angulares de apertura y cierre. Esta etiqueta de apertura marca dónde comienza el elemento o comienza a tener efecto. En este ejemplo, precede al comienzo del texto del párrafo.

El contenido: Este es el contenido del elemento. En este ejemplo, es el texto del párrafo.

La etiqueta de cierre: Es lo mismo que la etiqueta de apertura, excepto que incluye una barra diagonal antes del nombre del elemento. Esto indica dónde termina el elemento; en este caso, dónde finaliza el párrafo. No incluir una etiqueta de cierre es un error común de principiante, y puede conducir a extraños resultados.

Atributos

Los elementos también pueden tener atributos. Los atributos contienen información extra sobre el elemento que no se mostrará en el contenido.  Un atributo debería tener:

Un espacio entre este y el nombre del elemento.

El nombre del atributo, seguido por un signo igual.

Un valor del atributo, rodeado de comillas de apertura y cierre.

ANATOMIA DE UN DOCUMENTO HTML


<!DOCTYPE html><!DOCTYPE html> es la secuencia de caracteres más corta que se acepta como 
<html></html><html>. Este elemento envuelve todo el contenido de la página. Se lo
conoce como el elemento raíz.
<head></head>(cabecera). Este elemento actúa como contenedor para todos los parámetros que quieras incluir en el documento HTML que no serán visibles a los visitantes de la página. Incluye cosas como palabras clave y la descripción de la página que quieras mostrar en los resultados de búsqueda, así como la hoja de estilo para formatear nuestro contenido, declaraciones de codificación de caracteres y más. Aprenderás más acerca de esto en el siguiente artículo de la serie.
<meta charset="utf-8">: Este elemento establece que tu documento HTML usará la codificación UTF-8, que incluye la gran mayoría de caracteres de todos los idiomas humanos escritos. 
<title></title>: Este establece el título de la página, que es el título que aparece en la pestaña del navegador en la que se carga la página. 
<body></body>: Contiene todo el contenido que quieres mostrar a los usuarios cuando visitan tu página, ya sea texto, imágenes, vídeos, juegos, pistas de audio reproducibles o cualquier otra cosa.

PRACTICAS EN HTML

PRACTICA 1
PRACTICA 2
PRACTICA 3
PRACTICA 4 EJERCICIO 1
PRACTICA 4 EJERCICIO 2
PRACTICA 4 EJERCICIO 3
PRACTICA 5 EJERCICIO 1
PRACTICA 5 EJERCICIO 2
PRACTICA 5 EJERCICIO 3
PRACTICA 5 EJERCICIO 4
PRACTICA 6
PRACTICA 7 EJERCICIO 1
PRACTICA 7 EJERCICIO 2
PRACTICA 7 EJERCICIO 3

Comentarios

Entradas más populares de este blog

CONCEPTOS DE MODELOS DE PÁGINAS WEB

TABLAS HTML5