Poner superíndices en un editor de texto es muy sencillo. Lo más normal en temática relacionada con la ingeniería y arquitectura es poner superíndices al cuadrado y al cubo, tenemos que hacer lo siguiente:
Superíndice al cuadrado, por ejemplo metros cuadrados (m²): Alt + 2 + 5 + 3
Superíndice al cubo, por ejemplo metros cúbicos (m³): Alt + 2 + 5 + 2
NOTA: Como me han informado la explicación es incompleta, para que funcione hay que tener activada la tecla BloqNum, y hay que utilizar los números que están a la derecha del Intro (no los de encima de las letras).
Si queremos poner un enlace en una web para que puedan llamar o chatear a un usuario de Skype o varios usuarios es muy sencillo. Se utiliza skype: nombreskype y opciones adicionales, siendo nombreskype el skype id.
Tenemos las siguientes opciones:
Si queremos que se pueda llamar a un usuario de skype pondremos lo siguiente:
<a href="skype:nombreskype?call">Llamar a la cuenta de nombreskype</a>
Chatear con el usuario de skype
<a href="skype:nombreskype?chat">Chatear con la cuenta de nombreskype</a>
Enviar un mensaje de voz al usuario de skype
<a href="skype:nombreskype?voicemail">Enviar un mensaje de voz a la cuenta de nombreskype</a>
Hacer una llamada a varios usuarios de skype a la vez
<a href="skype:nombreskype;nombreskype2?call">Llamar a la cuenta de nombreskype y nombreskype2</a>
Chatear con varios usuarios de skype a la vez
<a href="skype:nombreskype;nombreskype2?call">Chatear con la cuenta de nombreskype y nombreskype2</a>
Cuando insertamos un mapa de Google Maps en nuestra web nos presenta una incómoda ventana InfoWindow (de información del sitio que mostramos) que puede que no queramos que aparezca, ya que afea el mapa.
Para eliminarla tenemos que seguir los siguientes pasos:
1) Elegimos el Google Maps el sitio que queremos que aparezca, imaginemos que es el Museo del Prado. Ponemos en el buscador de Google Maps «Museo del Prado» sin comillas y pinchamos en el primer resultado
Museo del Prado en Google Maps
2) Pulsamos en insertar mapa
Pinchar en enlazar Google Maps
3) Si no queremos personalizar el mapa, copiamos el código que viene debajo de «Pegar HTML para insertar en sitio web»
Código para insertar mapa de Google Maps
4) Vemos que nos sale una ventana emergente de información, que no queremos mostrar
Mapa de Google Maps con ventana emergente
5) Para eliminarla vamos a ver el código que hemos insertado: <iframe width=»425″ height=»350″ frameborder=»0″ scrolling=»no» marginheight=»0″ marginwidth=»0″ src=»https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m&output=embed»></iframe><br /><small><a href=»https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m» style=»color:#0000FF;text-align:left»>Ver mapa más grande</a></small>
6) Tenemos que añadir al final de src=»… lo siguiente: &iwloc=near de forma que quedaría así: <iframe width=»425″ height=»350″ frameborder=»0″ scrolling=»no» marginheight=»0″ marginwidth=»0″ src=»https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m&output=embed&iwloc=near«></iframe><br /><small><a href=»https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=museo+del+prado&aq=&sll=40.392385,-3.691964&sspn=0.008776,0.021136&gl=ES&ie=UTF8&hq=museo+del+prado&ll=40.413752,-3.692242&spn=0.016991,0.032015&t=m» style=»color:#0000FF;text-align:left»>Ver mapa más grande</a></small>
6) Ahora vemos que el mapa de Google Maps no muestra la ventana emergente
La etiqueta hgroup, que fue una de las novedades en HTML5, ha sido eliminada.
Esta etiqueta se usaba para agrupar los títulos y subtítulos, pudiendo contener solamente elementos h1–h6.
A principios de marzo, Steve Faulkner (coeditor de HTML5) pidió que la etiqueta hgroup fuese revisada sugiriendo eliminarla. W3C estudió este caso cuyo resultado final fue tomar la decisión de eliminar la etiqueta hgroup de HTML5.
HTML5 tiene nuevas etiquetas frente a HTML. Lo que antes nos llevaba a crear div definidos con diferentes clases para decir cual es el div del encabezado, el del menú de navegación, el div del contenido principal, el div de la barra o barras laterales y cual es el div del pie de la página web ahora está estandarizado con HTML5.
¿Que ventajas tienen estas nuevas etiquetas?
La principal es que revisando cualquier documento en HTML5 sabemos donde está cada sección, no tenemos que ir averiguando cada div con su clase a donde pertenece. Y también construir un documento en HTML5 es más fácil ya que no tenemos que inventar nombres para los div.
Gráficamente quedarían así definidas las diferencias en etiquetas entre HTML y HTML6:
Nuevas etiquetas en HTML5
Ahora vamos a ver rápidamente las nuevas etiquetas que forman la estructura de las páginas HTML5:
header: Define el encabezado de nuestra página web
nav: Aquí ponemos el menú principal
article: Esta es el contenido principal de la web.
section: Esta etiqueta conlleva algo de confusión y debate. Nos quedamos con la explicación que section son como las partes de un periódico: Nacional, Internacional, Cultura, Deporte, etc, dentro de las cuales hay artículos y dentro de los cuales hay a su vez otras secciones que podríamos llamar subsecciones.
aside: Es el contenido secundario de la web, como una barra lateral
EL nuevo estándar de HTML es HTML5. Aunque algunas funcionalidades no están operativas para todos los navegadores (sobre todo para nuestro querido IE) es un punto y aparte en el diseño web. HTML5 ha dado un paso para integrar la web en HTML.
Una de las características más importantes es Canvas, ya que se integra en HTML5 si necesidad de tener que añadir otras aplicaciones como Flash.
Como podemos ver en la documentación el mínimo de un documento HTML5 es lo siguiente:
<!DOCTYPE html>
<html>
<head>
<title>Título del documento</title>
</head>
<body>
El contenido del documento......
</body>
</html>
Vemos que la declaración se ha simplificado al máximo, solamente hay que declarar:
Cuando queremos colorear una fila de una tabla (<tr></tr>) lo podemos hacer así:
<tr BGCOLOR=»#F2F2F2″>, siendo #F2F2F2 el color de relleno de la fila.
Sin embargo puede que no funcione en IE (Internet Explorer). El problema en mi caso es que tenía:
background-color:Transparent;
afectando a las filas.
La solución fue comentar el CSS implicado y se solucionó. Seguramente es un caso puntual y muchas veces no se verá en nuestro «estimado» IE por mil razones, pero esta solución me funcionó.
Cuando tenemos un menú horizontal desplegable es probable que al colocar una pelicula flash (swf) debajo del menú, los submenus del menú desplegable queden tapados por la película flash (swf).
Cuando intentamos solucionarlo por mucho que modifiquemos el z-index no obtenemos un resultado positivo (no funciona contra toda lógica y aunque pongamos la película dentro de un div y modifiquemos el z-index). Para solucionarlo tenemos que agregar wmode =»opaque» a la etiqueda embed. Si tenemos:
<embed src=»ejemplo.swf» quality=»high» pluginspage=»http://www.macromedia.com/go/getflashplayer» type=»application/x-shockwave-flash» width=»472″ height=»685″>
En el ejemplo de arriba puede que los submenus del menú horizontal queden por debajo del swf.
Para corregirlo tenemos que añadir lo siguiente:
<embed src=»ejemplo.swf» quality=»high» pluginspage=»http://www.macromedia.com/go/getflashplayer» type=»application/x-shockwave-flash» width=»472″ height=»685″ wmode =»opaque»>
Para crear un link de la dirección de un correo electrónico o email en HTML, por ejemplo del correo electrónico prueba@prueba.com tenemos que introducir el siguiente código:
<a href=»mailto:prueba@prueba.com»>Enviar email con HTML</a>
Este sitio web utiliza cookies para mejorar su experiencia de usuario. Vamos a asumir que las aceptas, pero puedes optar por no aceptarlas si así deseas.AceptarLeer más
Política de privacidad y cookies
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
Cuando queremos colorear una fila de una tabla (<tr></tr>) lo podemos hacer así: