Entradas

TABLAS EN HTML

  TABLAS EN HTML Mes Pablo María Juan Enero 65 21 Noviembre 34 62 37 Identifica las etiquetas implicadas y algunos de los atributos que pueden llevar. Descríbelos debajo de la tabla. Tiene diversas etiquetas: width: 100%px;  Es el ancho de la tabla <table cellpadding="4" cellspacing="0"> Es el espaciado  <p style="background-attachment: initial;  td style="border-bottom: 1px solid Esto es la configuración de los bordes de la tabla Descibe en la entrada del blog cómo introducir comentarios y para qué sirven los comentarios en un código html. Los comentarios sirven para ayudar al programador a identificar distintos elementos en el código, de manera que si hay que revisarlo, pueda tomar referencias de forma más rápida. Se ponen : <!--Comentario-->

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.