INTRODUCCIÓN
Resuelve la siguiente estrategia “Preguntas Guía”
- HTML significa Hyper Text Markup Language
- HTML describe la
estructura de las páginas Web usando el marcado
- elementos HTML
son los bloques de construcción de páginas HTML
- elementos HTML
están representados por etiquetas
- HTML etiquetas de
la etiqueta de piezas de contenido, tales como "mesa" "la
partida", "párrafo", y así sucesivamente
- Los navegadores
no muestran las etiquetas HTML, pero los utilizan para representar el
contenido de la página
Ejemplo
<html>
<head>
<title>Titulo de la pagina</title>
</head>
<body>
<h1>Mi primer encabezado</h1>
<p>Mi primer parrafo</p>
</body>
</html>
Ejemplo Explicación
- La
<!DOCTYPE html>declaración indica que este documento sea HTML5 - El
<html>elemento es el elemento raíz de una página HTML - El
<head>elemento contiene información de metadatos sobre el documento - El
<title>elemento especifica un título para el documento - El
<body>elemento contiene el contenido de la página visible - El
<h1>elemento define un gran encabezado - El
<p>elemento define un párrafo
Etiquetas HTML
etiquetas HTML son los nombres de elementos
rodeados por paréntesis angulares:
<Tagname>
contenido va aquí ... </ nombre de etiqueta>
- Etiquetas HTML
normalmente vienen en pares como <p> y </ p>
- La primera
etiqueta en un par es la etiqueta de inicio, la segunda etiqueta es
la etiqueta de cierre
- La etiqueta final
se escribe así la etiqueta de inicio, pero con una barra inclinada insertada antes
de que el nombre de la etiqueta
El propósito de un navegador web (Chrome, IE,
Firefox, Safari) es leer los documentos HTML y mostrarlos.
Completa la siguiente lista
Estructura de páginas HTML
A continuación se muestra una visualización
de una estructura de la página HTML:
Nota: Sólo el contenido
dentro de la sección <body> (el área blanca arriba) se muestra en un
navegador.
La <! DOCTYPE>
La <! DOCTYPE> representa el tipo de
documento, y ayuda a los navegadores para mostrar páginas Web correctamente.
Sólo debe aparecer una vez, en la parte
superior de la página (antes de cualquier etiqueta HTML).
La <! DOCTYPE> no distingue entre
mayúsculas y minúsculas.
La declaración <! DOCTYPE> de HTML es:
<!DOCTYPE html>
