PASO A PASO DE

COMO CREAR UNA

PÁGINA WEB CON
HTML

Luciana Perez Martinez

 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 2

Índice

●Explicación de las etiquetas HTML utilizadas: 3

● Función y estructura de las etiquetas semánticas header, nav, main,footer 3
● Explicación del contenido y estructura de la tabla 7
● Explicación de los campos del formulario 7
● Explicación de la estructura de las listas ordenada y desordenada 8
● Detalle de cómo se utilizaron las etiquetas para crear la estructura HTM 8
 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 3

●Explicación de las etiquetas HTML utilizadas:

● Función y estructura de las etiquetas semánticas header, nav,

main,footer

Header: Viene ser el encabezado de la página web o el contenido visible de una página

web y a continuación se verá en la imagen mostrada:

-Mi opinión: Para que la página no se vea tan serio le agregué color de fondo y la section

que será partes la página web pero dentro del nav que luego explicaré su función del

“nav”
 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 4

Nav: Es el menú de navegación de una página web como (inicio, detalles,

promociones, nosotros,contactos,etc) es depende del creador que y cuanto quiere

poner en el menú aparte también en el “nav” se puede agregar enlaces para que te

lleven a otra página o también en el “footer”.No todas las páginas tienen que tener “nav”
 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 5

Main: Por otra lado en “main” van las secciones con contenido PRINCIPAL de una

página web,lo que viene dentro es la gran parte del contenido por ejemplo( información,

imágenes, tablas, enlaces,etc).

 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 6

Footer: Es el pie de página web donde van los derechos del autor, datos, la privacidad

de la página esto es una parte importante, ya que generalmente contiene información relevante
que se aplica a toda la página de la sección específica
 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 7

● Explicación del contenido y estructura de la tabla

Caption: Viene ser el título de la tabla

tr: Viene ser las filas de la tabla

td: seran las filas en las que añadidas cualquier nombre

Importante: Si quieres el tamaño de la tabla debes añadir ( wight - height) que definen

el ancho y la altura de la tabla .

● Explicación de los campos del formulario

Siempre un formulario va a ir dentro del <form></form>

<label</label> para conseguir una mayor claridad y accesibilidad web.

<p></p> la utilizo para separar el formulario

(En este punto profesor quiero aclarar que utilizé lo que había en el temario sobre

como hacer los formularios pero a mi me salia asi:

Es por eso que me informé por youtube y me guié de un video y por eso que utilizé la

etiqueta <label</label>.
 Paso a Paso de como crear una página web con HTML
Lenguaje de Marcas 8

● Explicación de la estructura de las listas ordenada y

desordenada
listas ordenadas: se utiliza la etiqueta <ol>

Listas Desordenadas: se utiliza las etiquetas <ul>

Ya sea si utilizamos <ol> o <ul> dentro se utiliza <li> ejemplo:

● Detalle de cómo se utilizaron las etiquetas para crear

la estructura HTM