Want to create interactive content? It’s easy in Genially!
PRESENTACION WIP
Sofi
Created on September 3, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Etiquetas html
trabajo
INDICE
<!--...-->
- <!--...-->
- <!DOCTYPE>
- <a>
- <abbr>
- <ADRESS>
- <AREA>
- <AUDIO>
- <b>
- <base>
- <BDI>
- <BDO>
- <canvas>
- <blockquote>
- <Caption>
- <body>
- <cite>
<br>
17. <br>18. <code>19. <col>
<!DOCTYPE>
<code>
<a>
<col>
<abbr>
<ADRESS>
<Area>
pulsar este botón en las diapositivas te lleva al inicio!
<Audio>
<B>
<base>
<bdi>
<bdo>
<canvas>
<blockquote>
<caption>
<body>
<cite>
<!--...--> Define un comentario. <!-- Este es un comentario --> <p>Hola mundo</p>
<!--...--> Define un comentario.
<!DOCTYPE> Define el tipo de Documento. <!DOCTYPE html> <html> <head> <title>Mi página</title> </head> <body> <p>Contenido de la página</p> </body> </html>
<!DOCTYPE> Define el tipo de Documento.
<a> Define un hipervínculo. Ejemplo <a href="https://www.google.com">Ir a Google</a>
<a> Define un hipervínculo.
<abbr> Define una abreviación. <p>Estamos estudiando <abbr title="Lenguaje de Marcado de Hipertexto">HTML</abbr>.</p>
<abbr> Define una abreviación.
<Address> Define la información de contacto del Autor 7 propietario del Documento. <address> Escrito por Juan Pérez.<br> Visítanos en:<br> Calle Falsa 123, Ciudad, País.<br> <a href="mailto:juan@example.com">juan@example.com</a> </address>
<Address> Define la información de contacto del Autor 7 propietario del Documento.
<Área> Define un área dentro de un mapa de imagen.. <img src="mapa.jpg" usemap="#mapaEjemplo" alt="Mapa"> <map name="mapaEjemplo"> <area shape="rect" coords="34,44,270,350" href="https://example.com" alt="Zona 1"> </map>
<Área> Define un área dentro de un mapa de imagen..
<audio> : Define contenido de sonido <audio controls> <source src="musica.mp3" type="audio/mpeg"> Tu navegador no soporta audio HTML5. </audio>
<audio> : Define contenido de sonido
<b>: Define texto en negritas <p>Este es un texto <b>importante</b> en negrita.</p>
<b>: Define texto en negritas
<base>: Especifica la base donde se abrirán todas las URL del documento <head> <base href="https://www.ejemplo.com/"> </head> <body> <a href="pagina.html">Ir a página</a> </body>
<base>: Especifica la base donde se abrirán todas las URL del documento
<bdi> : Aisla un parte del texto que pueda tener un formato diferente del texto externo <p>Usuario: <bdi>مستخدم123</bdi></p>
<bdi> : Aisla un parte del texto que pueda tener un formato diferente del texto externo
mas etiquetas
<Canvas> Se usa para dibujar gráficos en pantalla <canvas id="miCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas> <script> var c = document.getElementById("miCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "blue"; ctx.fillRect(10, 10, 100, 50); // Dibuja un rectángulo azul </script>
<bdo>: Sobreescribe la dirección del texto. <p>Texto normal: Hola mundo</p> <p><bdo dir="rtl">Hola mundo</bdo></p>
mas etiquetas
<Canvas> Se usa para dibujar gráficos en pantalla
<bdo>: Sobreescribe la dirección del texto.
mas etiquetas
<caption> Define el título de una tabla <table border="1"> <caption>Lista de Estudiantes</caption> <tr> <th>Nombre</th> <th>Edad</th> </tr> <tr> <td>Laura</td> <td>22</td> </tr> </table>
<blockquote>:Define una sección que tiene otra fuente. <blockquote cite="https://es.wikipedia.org/wiki/Conocimiento"> El conocimiento es el conjunto de información almacenada mediante la experiencia o el aprendizaje. </blockquote>
mas etiquetas
<caption> Define el título de una tabla
<blockquote>:Define una sección que tiene otra fuente.
mas etiquetas
<cite> Define el título de un trabajo <p>Mi novela favorita es <cite>Cien años de soledad</cite> de Gabriel García Márquez.</p>
<body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página. <!DOCTYPE html> <html> <head> <title>Mi página</title> </head> <body> <h1>Bienvenido a mi sitio</h1> <p>Este es el contenido visible de la página.</p> </body> </html>
mas etiquetas
<cite> Define el título de un trabajo
<body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página.
mas etiquetas
<code> Define un trozo de código de programación <p>Para imprimir en JavaScript, usa <code>console.log("Hola")</code>.</p>
<br>: Define un salto en línea. <p>Línea uno<br>Línea dos<br>Línea tres</p>
mas etiquetas
<code> Define un trozo de código de programación
<br>: Define un salto en línea.
<col> Especifica las propiedades de lacolumna para cada columna delelemento: <table> <colgroup><col class="c-id"><col class="c-nombre"> <col class="c-precio">
<col> Especifica las propiedades de lacolumna para cada columna delelemento: