Sintaxis básica

1. Crea una carpeta en tu computadora con el titulo HTML
2. Abre esa carpeta en tu editor de HTML
3. Crea un archivo con tu editor dentro de la carpeta HTML
4. Tu primer archivo se debe llamar index.html
5. Tu archivo debe comenzar con la declaración del archivo <DOCTYPE html> siempre
6. La siguiente linea despues de la declaración debe declarar el idioma en el que esta escrito el archivo .html
7. Continua la creación de las secciones necesarias:
Encabezado <head>
Cuerpo <body>
Pie de página <footer>
- Como se muestra a continuación:
<DOCTYPE html>
<html lang="es">
<head>
<h3> - Este es el encabezado y deberia estar oculto - </h3>
</head>
<body>
<main>
<!-- Esto es un comentario oculto en la página web-->
<!-- El siguiente es el código para insertar una imágen al inicio de la página (Esto también es un comentario oculto)-->
<h3>__________________________________________________________________________________________________________</h3>
<img src="RG.png"
<h3>______________________________________________________________________________________________________________________________</h3>
<!-- El siguiente es el código para insertar títulos de diferentes tamaños en la página (Este es el último comentario del tipo "Estetambién es un comentario oculto")-->
<h1>Geometria mecanica (Titulo h1)</h1>
<h2>Geometria mecanica (Titulo h2)</h2>
<h3>Geometria mecanica (Titulo h3)</h3>
<h4>Geometria mecanica (Titulo h4)</h4>
<h5>Geometria mecanica (Titulo h4)</h5>
<h6>Geometria mecanica (Titulo h6)</h6>
<p>*******</p>
<!-- El siguiente es el código para insertar párrafo normal (x) y sus variantes -->
<p>a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z (Esto es un parrafo x)</p>
<p> <strong> a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z (Esto es un parrafo en negritas x)</strong></p>
<p> <i> a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z (Esto es un parrafo tachado x)</i></p>
<p> <s> a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z (Esto es un parrafo tachado x)</s></p>
<p>*******</p>
<h4>Imagenes en esta pagina:</h4>
<!-- El siguiente es el código para insertar una imágen en la página desde desde una dirección externa con un enlace a esa imagen-->
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQq-sT9o1Yw7I8ClYFj07Jt0oYwAg8YT-5p4IGAlS-VtjDs41Os_0PosRgTt-HaCu_3fA&usqp=CAU" alt="separador">
<h3>_______________________________________________________________</h3>
<!-- El siguiente es el código para insertar una imagen alojada en la misma carpeta que el archivo html -->
<img src="Medusa.jpg" alt="Medusa"
<h3>__________________________________________________________________________</h3>
<!-- El siguiente es el código para insertar una imagen alojada en una carpeta llamada Imagenes, dentro de la misma carpeta que el archivo html -->
<img src="Imagenes/Iris.jpg" alt="Iris"
<h3>__________________________________________________________________________</h3>
<h3>Enlaces externos de texto en esta pagina:</h3>
<!-- El siguiente es el código para insertar un enlace externo en un texto de esta página -->
<p>A continuacion un enlace a <a href="https://www.ziffero.com/" target="blank" rel=noopener noreferrer"> otra pagina.</a> </p>
<!-- target="blank" abre el enlace en otra pagia-->
<!-- rel=noopener noreferrer" es una etiqueta de seguridad que evita la redirección o usurpación de la página -->
<h3>__________________________________________________________________________</h3>
<h3>Indice de parrafos de texto en esta pagina:</h3>
<!-- El siguiente es el código para insertar un índice con enlaces a sus respectivos párrafos -->
<a href= "#Parrafo-1" > | [Parrafo 1] | </a>
<a href= "#Parrafo-2" > [Parrafo 2] | </a>
<a href= "#Parrafo-3" > [Parrafo 3] |</a>
<h3>__________________________________________________________________________</h3>
<h3>Indice de parrafos de texto en esta pagina:</h3>
<h4 id="Parrafo-1">Parrafo 1:</h4>
<p>Parrafo uno</p>
a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z
<h4 id="Parrafo-1">Parrafo 1:</h4>
<p>Parrafo dos</p>
a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z
<h4 id="Parrafo-3">Parrafo 1:</h4>
<p>Parrafo tres</p>
a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p.q.r.s.t.u.v.w.x.y.z
<h3>__________________________________________________________________________________________________________</h3>
<img src="RG.png"
<h3>______________________________________________________________________________________________________________________________</h3>
<footer>
<h3> - Este es el pie de pagina - </h3>
</footer>
</main>
</body>
</html>