Más contenido relacionado
Similar a El Lenguaje de Marcado de Hipertexto (HTML).pptx
Similar a El Lenguaje de Marcado de Hipertexto (HTML).pptx (20)
Último
Último (20)
El Lenguaje de Marcado de Hipertexto (HTML).pptx
- 1. El Lenguaje de Marcado de Hipertexto (HTML) Jesús Johan Sánchez Rojas 20172162144
- 2. ¿QUE ES HTML? Es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
- 3. ¿CÓMO INSERTAR UNA IMAGEN EN HTML? Para poner una imagen simple en una página web, utilizamos el elemento <img>. Se trata de un elemento vacío (lo que significa que no contiene texto o etiqueta de cierre) que requiere de por lo menos de un atributo para ser utilizado: src (a veces denominado por su nombre completo, source). El atributo src contiene una ruta que apunta a la imagen que quieres poner en la página, que puede ser una URL relativa o absoluta, de la misma forma que el elemento <a> contiene los valores del atributo href.
- 4. ¿CÓMO SE COLOCA UNA IMAGEN DE FONDO EN HTML? Para añadir una imagen de fondo en una página web, hay usar la propiedad background-image seguida de un valor, en este caso la URL de la imagen que vamos a usar de imagen de fondo. La declaración quedaría algo similar a esto: background-image: url(«/nombre- de-la-imagen.jpg/»).
- 5. ¿CÓMO SE INSERTA UN TEXTO EN HTML? Insertar un texto o párrafo en HTML es bastante simple, entre las etiquetas <body> y </body>. Dentro de <body> y </body> podemos agregar cualquier texto o párrafo al que podamos agregar las etiquetas <h1>, <p>, <strong> aprendidas en la página anterior.
- 6. ¿CÓMO SE INSERTA UN VIDEO EN HTML? En primer lugar, vamos a explicarte cómo insertar vídeos con HTML en una página web gracias a la etiqueta <video>. Desde que se lanzó la quinta revisión de HTML, denominada HTML5, los desarrolladores web empezaron a integrar a las páginas web la etiqueta <video>. Esta nueva etiqueta cambió la forma de mostrar los contenidos multimedia.
- 7. ¿CÓMO SE CREA UN HÍPER VÍNCULO EN HTML? Podemos crear un hipervínculo de muchas maneras y desde muchas aplicaciones. La forma más básica puede ser con el Bloc de notas o cualquier editor de texto plano: 1. Se escribe todo el texto en bloc. 2. elegimos la palabra que hace de ancla 3. La etiqueta html para hipervínculos es la "a". El ancla en la imagen de abajo "nodos" 4. detrás del ancla el cierre de la etiqueta: 5. Desde el Bloc Guardar como 6. Le quitas la extension txt y le pones extensión html
- 8. ¿CÓMO SE CREA UNA TABLA EN HTML? <table> <tr> <td>Celda 1 dela Fila 1</td> <td>Celda 2 de la Fila 1</td> </tr> <tr> <td>Celda 1 de la Fila 2</td> <td>Celda 2 de la Fila 2</td> </tr> ...... </table> La etiqueta <TABLE> inicia la definición de la tabla, y ésta se termina con </TABLE>. Cada fila de la tabla se define usando el par de etiquetas <TR> y </TR> (Table Row). Cada una de las celdas de las filas se define usando las etiquetas <TD> y </TD>. Y entre estas dos etiquetas se deberá colocar el contenido de la celda.
- 9. ¿CÓMO SE CREA UN MENÚ DE OPCIONES EN HTML? PASO 1: CREA UN ELEMENTO <LABEL> Para empezar, añade un elemento <label> a tu documento en HTML. Debes comenzar con un atributo for con un nombre para tu lista desplegable. Por ejemplo, si tu menú desplegable contiene un listado de nombres de perro, puedes nombrar tu atributo for como dog-names. Tu HTML debe lucir así:
- 10. ¿CÓMO SE CREA UN MENÚ DE OPCIONES EN HTML? PASO 2: CREA UN ELEMENTO <SELECT> A continuación debes añadir un elemento <select> inmediatamente después de tu elemento <label>. En él, agrega un atributo name y uno id. El id debe tener el mismo valor que diste a tu atributo for en <label>. En name debes definir los valores que identificarán a tu menú. En nuestro ejemplo estableceremos el valor dog-names a los atributos name y id. Tu HTML deberá verse así:
- 11. ¿CÓMO SE CREA UN MENÚ DE OPCIONES EN HTML? PASO 3: CREA UNO O MÁS ELEMENTOS <OPTION> Y COLÓCALOS DENTRO DE TU ELEMENTO <SELECT> Luego, debes añadir algunos elementos <option> entre la apertura y el cierre del elemento <select>. Añade todas las opciones que desees que aparezcan en tu menú. Posteriormente, debes añadir un valor de atributo para cada <option> y establecer un nombre para cada una de las opciones. Veamos cuatro ejemplos: