Entradas

Mostrando entradas de noviembre, 2021

LISTAS EN HTML

 LISTAS EN HTML Perro Gato Pájaro Conejo Tortuga Ciudad Campo Montaña Playa Las etiquetas responsables de la lista ordenada y numerada son: <ol style="text-align: left;"><li>Perro</li><li>Gato</li><li>Pájaro</li><li>Conejo</li><li>Tortuga</li></ol> es decir: <ol> (lista ordenada) y <li> de lista. Las etiquetas responsables de la lista desordenada con viñetas son: <ul style="text-align: left;"><li>Ciudad</li><li>Campo</li><li>Montaña</li><li>Playa</li></ul> es decir: <ul> (lista desordenada) y <li> de la lista.

ATRIBUTOS DE HIPERVÍNCULOS EN HTML

 ATRIBUTOS DE HIPERVÍNCULOS EN HTML Busca una entrada de tu blog donde hayas insertado hipervínculos y visualiza su código html. Con ayuda de la herramienta del navegador “Busca en esta página” localiza  donde hay una etiqueta <a>. ¿Qué estructura tiene? Copia el código de esa  etiqueta, y pegalo en una nueva entrada del blog que se llame Atributos de  hipervínculos en html. Tiene la estructura <a href="" target"_"></a> Esta estructura permite introducir hipervínculos en el código. <a href="https://www.blogdechollos.com/" >https://www.blogdechollos.com/</a> Repite el enlace en la entrada, añadiendo el atributo target de forma que se abra automáticamente en otra ventana, y cambiando el texto hipervinculado. https://www.blogdechollos.com   <a href="https://www.blogdechollos.com" target="_blank">https://www.blogdechollos.com</a>

Atributos de imagen en html

ATRIBUTOS DE IMAGEN  ¿Qué atributos tiene? Copiad el código de esa imagen "https://blogger.googleusercontent.com/img/a/AVvXsEjIQrDPLVFJZYfajNe7wPZj8PrCJgkMZU_NHd8YCrhkaDvv40Ifb1Zz8QmrG7mqjmH-qNAXi_VoEKDrYCdAGHhwhEqqnOVgeIaH_-62WFaDRsk6lfAOcsbDd4YlpGWmG74vXxJ6_u2R2V0VP_h_DFHEqOWIb2XvKOdP6M_vQcMjmz92S5XDJmtZYzTeCA=s500" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="334" data-original-width="500" height="268" src="https://blogger.googleusercontent.com/img/a/AVvXsEjIQrDPLVFJZYfajNe7wPZj8PrCJgkMZU_NHd8YCrhkaDvv40Ifb1Zz8QmrG7mqjmH-qNAXi_VoEKDrYCdAGHhwhEqqnOVgeIaH_-62WFaDRsk6lfAOcsbDd4YlpGWmG74vXxJ6_u2R2V0VP_h_DFHEqOWIb2XvKOdP6M_vQcMjmz92S5XDJmtZYzTeCA=w400-h268" width="400" En la siguiente imagen he cambiado la anchura a 600 y la altura a 300 "https://blogger.googleusercontent.com/img/a/AVvXsEjIQrDPLVFJZYfajNe7wPZj8PrCJgkMZU_NHd8YCrhkaDvv40Ifb1Zz8QmrG7mqjmH-qNAXi_...

ETIQUETA PRE

 ETIQUETA PRE Es un elemento que define el texto preformateado. El texto  de dentro de un <pre> mantendrá el formato elegido por el usuario, es decir, mantendrá sus espacios y líneas. En resumen, este elemento mantiene el aspecto visual evitando desconfiguraciones del texto.

Alineaciones en html

 ALINEACIONES EN HTML PRÁCTICA Nº2 ¿Cómo ha sustituido html5 el atributo align para poner que h2 sea centrado?  Lo ha sustituido por el atributo h2 style="text-align: center. Prueba lo mismo para la alineación a la izquierda, derecha y justificado.  A la izquierda: h2 style="text-align: left A la derecha: h2 style="text-align: right Justificado: h2 style="text-align: justify

Encabezado

 ENCABEZADO Y NEGRITA HTML PRUEBA Crea una nueva entrada en tu blog que se llame Encabezado y negrita html Ponte en la pestaña html y escribe Prueba. Comprueba lo que se visualiza. Se visualiza PRUEBA</p><p Ahora en Redactar pon Prueba en negrita. Pásate de nuevo a html. ¿Qué ha cambiado? Ha cambiado la designación de la prueba: ><b>PRUEBA</b></p><p. Aparece la <b> de bold, que significa negrita en inglés. Cambia ahora el estilo a Encabezado.¿Qué sucede? ¿Qué etiquetas has conocido y qué crees que significan? Se designa como PRUEBA</span></h1><p. Se reconoce la etiqueta de h1 , h2 (</span></h2><p), h3, y h4, y los distintos estilos o "styles" en función de la configuración del texto, de si está en negrita, en cursiva o no, y de su alineación en el texto. Observa como una etiqueta está dentro de otra. Descríbelo en la entrada que has creado.