Blog
Las 60 preguntas y respuestas más frecuentes de HTML y HTML5
- Publicado por: Rafael Fernandez
- Categoría: HTML5
Las siguientes preguntas son una selección de preguntas de entrevista que pueden realizarte sobre HTML durante una entrevista de trabajo. Está claro que no todas las entrevistas son iguales pero estas han sido estructuradas de forma tal que te sirvan de orientación y puedas enfrentar la entrevista con mayor seguridad. Así pues, si eres novato, te va a servir para conocer los conceptos clave de HTML.
HTML es la abreviatura de HyperText Markup Language: es el lenguaje de la World Wide Web. Es un lenguaje de formato de texto estándar usado para crear y mostrar páginas en la Web. Los documentos HTML están compuestos de dos cosas: contenido y etiquetas que le dan formato para que se muestre correctamente en las páginas.
Es el contenido que se coloca entre las etiquetas HTML, con la finalidad de darle formato correctamente. Usa el símbolo menor que (<) y el mayor que (>). Un símbolo de barra oblicua también se utiliza como etiqueta de cierre.
Ejemplo:
<strong>sample</strong>
No, algunas etiquetas HTML simples, no necesitan una etiqueta de cierre. Algunos ejemplos son las etiquetas <img> y <br>.
Se puede insertar cualquiera o una combinación de los siguientes tipos de lista:
- clasificada
- no ordenada
- de definiciones
- de menú
- de directorio
Estos tipos de lista, cada uno usa un conjunto de etiquetas distintas para componer
Los comentarios en HTML empiezan con "<!-" y terminan con "->".
Ejemplo:
<!-- A SAMPLE COMMENT -->
No, algunas entidades de caracteres no se pueden mostrar, cuando el sistema operativo en el que se ejecuta el navegador no admite los caracteres. Cuando sucede esto, los caracteres se presentan como cuadros.
El mapa de imágenes permite enlazar muchas páginas web distintas, usando una sola imagen. También, puede definir formas en las imágenes que desea que formen parte de un mapeo de imágenes.
Son una secuencia en blanco de caracteres de espacio, que se trata como un carácter de espacio único en HTML. Motivado a que el navegador colapsa múltiples espacios en un solo espacio, puede sangrar líneas de texto sin preocuparse por los muchos espacios. Esto permite organizar el código HTML en un formato más legible.
Algunos valores de atributo sólo pueden establecerse en valores predefinidos. Otros atributos aceptan cualquier valor numérico, que represente el número de píxeles de un tamaño.
Para insertar el símbolo de copyright, se tiene que escribir © o & #169; en un archivo HTML.
Los enlaces se crean usando la etiqueta <a>, con referencia mediante el uso del símbolo del número (#).
Ejemplo: puede tener una línea como <a href="#Los mejores">Volver a la parte superior </a>, lo que da lugar a la aparición de las palabras 'Volver a la parte superior' en la página web y enlaces a un marcador llamado 'Los mejores'. A continuación, se escribe un comando de etiqueta separado como <a name="Los mejores"> en algún lugar en la parte superior de la misma página web para que el usuario esté vinculado a ese punto cuando haga clic en 'Volver a la parte superior'.
Se puede hacer usando sangrías para mantener los elementos de lista rectos. Si se usa sangria cada lista subanunciada más allá de la lista matriz que la contiene puedes determinar de un simple vistazo las diferentes listas y los elementos que contiene.
Cada página web en la web puede tener una dirección web por separado. Casi todas estas direcciones son relativas a la página web de mayor importancia. La dirección web publicada en las revistas normalmente apunta a la más importante. Desde esta página, puede entrar a las demás páginas del sitio web.
Se usa el texto alternativo, cuando se utilizan mapas de imágenes para poder poner un texto descriptivo en cada enlace de zona activa.
Sí, los archivos HTML antiguos son compatibles con el estándar HTML, y puede ser posible que algunas funciones no funcionen.
No, los hipervínculos se pueden usar en el texto y en las imágenes. Lo que indica que puede convertir una imagen en un enlace, que permita a los usuarios enlazar a otra página al hacer clic. Rodee la imagen dentro de las combinaciones de etiquetas <a href=" ">...</a>.
Se puede mostrar como una imagen.
El atributo type puede usarse para cambiar el tipo de numeración de cualquier elemento de la lista. El atributo de valor puede cambiar el índice numérico.
Las hojas de estilo: son las que permiten crear plantillas de estilo consistentes, transportables y definidas. Estas plantillas se vinculan a varias páginas web distintas, que facilita el mantenimiento y cambio de aspecto de las páginas web dentro del sitio.
Con las listas ordenadas, puedes utilizar distintas viñetas, incluyendo números alfabéticos y romanos. El atributo de tipo para listas desordenadas puede ser cuadrado, disco o círculo.
Para crear texto con muchos colores, usa etiquetas <font color="color">...</font> para cada carácter que desee aplicar color. Puede usar la combinación de etiquetas tantas veces como se necesite, rodeando un solo carácter o una palabra entera.
Los valores numéricos se toman de los valores ASCII de los diferentes caracteres, pero a veces son difíciles de recordar. Motivado a esto, se crearon valores de entidades de caracteres con nombre que facilitan a los diseñadores de páginas web su uso.
50 unidades 100 500
10 unidades 5 50
Respuesta:
<table> <tr> <td>50 pcs</td> <td>100</td> <td>500</td> </tr> <tr> <td>10 pcs</td> <td>5</td> <td>50</td> </tr> </table> 1 2 3 4 5 6 7 8 9 10 11 12 <table> <tr> <td>50 pcs</td> <td>100</td> <td>500</td> </tr> <tr> <td>10 pcs</td> <td>5</td> <td>50</td> </tr> </table>
Agruparlas ayuda a organizarlas. Los botones de la casilla de verificación pueden tener su nombre y no es necesario que pertenezcan a un grupo. Una sola página web puede tener muchos grupos, distintos de casillas de verificación.
Sólo puede ser reconocida la primera etiqueta. Este problema lo vas a encontrar cuando el texto no se muestre correctamente en la pantalla del navegador.
Los applets son programas pequeños que pueden incrustarse en las páginas web para realizar alguna función específica como animaciones, cálculos y procesamiento de información. Los applets están escritos en lenguaje Java.
Si no hay texto entre las etiquetas, tampoco hay nada que darle formato. Por lo que, no aparecerá ningún formato. Algunas etiquetas, como una etiqueta de cierre como la etiqueta <img> no necesitan texto entre ellas.
Si, usando hojas de estilo pero los colores en una tabla que no usen hojas de estilo serán los mismos que los del color del texto.
Utilice la etiqueta href. El formato general para esto es: <a href="sitio">texto</a>
Reemplazando "sitio" con la URL real de la página, a la que se supone que está vinculado cuando se hace clic en el texto.
Una forma útil de envolver el texto alrededor de una imagen es usar hojas de estilo o tablas.
No. La etiqueta <a> sólo acepta un único atributo href, y apuntar a una sola página web.
La diferencia es que el directorio y las listas de menús no incluyen atributos que permita cambiar el estilo de la viñeta.
El color de viñeta es el mismo que el del primer carácter del elemento de la lista. Si rodea el <li> y el primer carácter con un grupo de etiquetas <font> con el conjunto de atributos de color, el color de viñeta y el primer carácter, serán de color distinto al del texto.
El tamaño de un campo de texto predeterminado es de unos 13 caracteres. Sin embargo, si incluye el atributo size se puede establecer que el valor del tamaño sea tan bajo como 1. El valor del tamaño máximo esta determinado por el ancho del navegador. Si el atributo size se establece en 0, el tamaño se establecerá en el tamaño de 13 caracteres.
Toda etiqueta <tr> se puede cambiar por una etiqueta <th>. Esto hace que el texto que está en la etiqueta <th> se muestre en negrita en el navegador. Aunque las etiquetas <th> se usan principalmente para los headings, no es necesario usarlas solo para ellos.
Los bordes de celda tienen predeterminados un grosor de 1 píxel, los cuales se añaden en forma automática entre celdas si el atributo 'border' se establece en un valor diferente de cero. De igual manera, si el atributo border no se incluye, aparece un borde predeterminado de 1 píxel, si el atributo rules se adhiere a la etiqueta <table>.
Una Marquee te permite poner un texto de desplazamiento en una página web. Para ello, se coloca cualquier texto que desees que aparezca desplazándose dentro de las etiquetas <marquee> y </marquee>.
Utilizando el comando mailto dentro de la etiqueta href.
Ejemplo:
<A HREF=”mailto:youremailaddress”>text to be clicked</A>
No. La etiqueta <br> es una manera de separar líneas de texto. Hay otras etiquetas, como <p> y <blockquote>, que también sirven para separar secciones de texto.
Si el texto forma parte de una celda de tabla con un ancho definido, el texto puede extenderse más allá de la ventana del navegador.
El color para los enlaces normales y activos es el azul. Varios navegadores reconocen un enlace activo, cuando el cursor del ratón se coloca sobre ese enlace. Se consideran normales aquellos que no tienen un cursor de ratón sobre ese enlace.
Las hojas de estilo no limitan el número de definiciones de estilo que pueden ser incluidas entre paréntesis para un selector determinado.
Eso depende del navegador, pero el estándar no soporta valores de peso fraccionarios. Los valores para ser aceptados deben terminar con dos ceros.
La definición más cercana a la etiqueta real tiene prioridad. El estilo en línea tiene prioridad sobre hojas de estilo incrustadas que tienen prioridad sobre hojas de estilo externas.
Se puede definir varios selectores con la misma definición de estilo haciendo la separación con comas. Esta técnica también puede funcionar para selectores con nombres de clase.
La única forma de usar un archivo CSS externo es haciendo referencia a él utilizando <link/> tag dentro de otro documento HTML. Esto es porque cuando se intenta abrir el archivo CSS externo en un navegador, el navegador no lo puede abrir porque el archivo tiene una extensión distinta.
Utilizando un código de etiqueta después de la etiqueta </head> como se indica:
<body background = "image.gif">
Reemplace image.gif con el nombre de su archivo de imagen. Esto toma la foto y la convierte en la imagen de fondo de su página web.
La propiedad va a ser ignorada y no afectará al párrafo.
Los frames (marcos) hacen que la navegación por un sitio sea más fácil. Si los enlaces principales hacia el sitio están en un frame que aparece en la parte superior o a lo largo del borde del navegador el contenido de los enlaces se muestra en el resto de la ventana del navegador.
El navegador calcula el tamaño de los marcos en relación con la suma total de los valores. Si el atributo cols se establece en 100%, 200% y tienen menos del 100%, no va a mostrar los dos marcos verticales.
Las últimas versiones de Google Opera, Apple Safari, Chrome, y Mozilla Firefox son compatibles con casi todas las funciones HTML5.
<Video> y <Audio> son nuevas etiquetas que están incluidas en la versión HTML5. Se usan generalmente como sustituto de Flash, Silverlight, y tecnologías similares para hacer la reproducción de elementos multimedia.
Las etiquetas semánticas incluidas recientemente en HTML5 son <article> y <section>. Una etiqueta de artículo representa un bloque completo de contenido que es una sección más grande.
Es la etiqueta que representa una pieza de contenido de flujo autónomo. Utilizada como unidad única y referencia del flujo principal del documento.
El elemento lienzo o Canvas ayuda en la construcción gráficos, cuadros, evitar Photoshop y para crear imágenes 2D y colocarlas directamente en el código HTML5.
Los nuevos formulario en HTML5 ofrecen mayor funcionalidad y mejor que las versiones anteriores.
Etiquetas para llevar a cabo estas funciones son:
1) <datalist> - etiqueta utilizada para especificar una lista de opciones para controles de entrada.
2) <keygen> - etiqueta que representa un campo generador de pares de claves.
3) <output> - representa el resultado de cualquier cálculo de scripting.
Dos beneficios de Almacenamiento Web HTML5 son:
-Puede almacenar hasta 10 MB de datos, lo cual es más de lo que tienen las cookies.
-Los datos guardados de web, no se pueden transferir con la solicitud HTTP. Esto aumenta el rendimiento de la aplicación.
Tipos de almacenamiento de HTML5:
Almacenamiento de sesiones:
Almacena sólo datos de la sesión actual. Lo que significa que los datos almacenados durante la sesión se borrarán de forma automática cuando se cierre el navegador.
Almacenamiento local:
El almacenamiento local es otro tipo de almacenamiento Web HTML5. En el almacenamiento local, los datos no se borran automáticamente cuando se cierre la ventana del navegador actual.
Es una aplicación web que está almacenada en caché. Puede ser accesible sin tener conexión a Internet.
Algunas ventajas de Application Cache:
Navegación fuera de línea - Los usuarios pueden usar la aplicación cuando están fuera de línea.
Velocidad - cargan más rápido los recursos con caché.
Reducir la carga del servidor - El navegador web solo descargará los recursos actualizados del servidor.
Los nuevos e importantes tipos de datos que ofrece HTML5 son:
Fecha: Ofrece al usuario oportunidad de seleccionar una fecha.
Fecha-hora-local: Este entrada permite al usuario escoger una fecha y hora sin zona horaria.
Hora de la cita: Esta entrada ofrece al usuario seleccionar una fecha y hora con zona horaria.
Mes: Da oportunidad al usuario de seleccionar un mes y un año
Correo electrónico: Estos campos de entrada contienen un correo electrónico o dirección
es muy importante porque de ahi aprendemos mas de lo que no sabemos…