HTML y CSS
1. ¿Qué
es HTML?
HTML es un Lenguaje de Marcado de Hipertexto (HTML)
es el código que se utiliza para estructurar y desplegar páginas webs y sus
contenidos. También sus contenidos podrían ser párrafos, una lista con viñetas,
o imágenes y tablas de datos.
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.
2. ¿Qué
son las etiquetas?
Las
etiquetas de HTML son fragmentos de código que nos permiten crear elementos
HTML. Estos elementos son la estructura básica de HTML. Dichos elementos tienen
dos propiedades básicas: atributos y contenido. A parte de las etiquetas y el
contenido, un elemento puede tener atributos.
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.
3. ¿Todas
las etiquetas HTML vienen en pares?
No,
algunas etiquetas HTML simples, no
necesitan una etiqueta de cierre. Algunos ejemplos son las etiquetas <img>
y <br>.
4. ¿Cuáles
son algunas de las listas comunes que se pueden utilizar al diseñar una página?
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
5. ¿Cómo
se inserta un comentario en HTML?
Los comentarios en HTML empiezan con
"<!-" y terminan con "->".
6. ¿Todas
las entidades de caracteres se muestran correctamente en todos los sistemas?
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.
7. ¿Qué
es un mapa de imagen?
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.
8. ¿Se
pueden establecer valores de atributo para cualquier cosa o hay valores
específicos que ellos aceptan?
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.
9. ¿Hay
alguna manera de mantener los elementos de la lista directamente en un archivo
HTML?
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.
10. Si
ves una dirección web en una revista, ¿a qué página web apunta?
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.
11. ¿Cuál
es el uso del texto alternativo en el mapeo de imágenes?
Se usa el
texto alternativo, cuando se utilizan mapas de imágenes para poder poner un
texto descriptivo en cada enlace de zona activa.
12. ¿Un
hipervínculo se aplica sólo al texto?
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>.
13. Si
el sistema operativo del usuario no soporta el carácter necesario, ¿cómo se
puede representar
el símbolo?
Se puede mostrar como una imagen.
14. ¿Cómo
se cambia el tipo de número en el medio de una lista?
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.
15. ¿Qué
son las hojas de estilo?
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.
16. Indique
los tipos de viñetas disponibles en HTML
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.
17. ¿Cómo
se crea un texto multicolor en una página web?
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.
18. ¿Por
qué hay valores de entidades de caracteres numéricos y de caracteres con
nombre?
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.
19. ¿Cuál
es la ventaja de agrupar varias casillas de verificación?
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.
20. ¿Qué
son los applets?
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.
21. ¿Es
posible establecer colores específicos para los bordes de las tablas?
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.
22. ¿Cómo
se crea un enlace que se conectará a otra página web cuando se hace clic en él?
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.
23. ¿Qué
otras formas se pueden utilizar para alinear las imágenes y envolver el texto?
Una forma
útil de envolver el texto alrededor de una imagen es usar hojas de estilo o
tablas.
24. ¿Un
solo enlace de texto puede apuntar a dos páginas web diferentes?
No. La
etiqueta <a> sólo acepta un único atributo href, y apuntar a una sola
página web.
25. ¿Cuál
es la diferencia entre las listas de directorios y menús y las listas
desordenadas?
La
diferencia es que el directorio y las listas de menús no incluyen atributos que
permita cambiar el estilo de la viñeta.
26. ¿Cuáles
son los límites del tamaño del campo de 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 está 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.
27. ¿Las
etiquetas <th> siempre tienen que ir al principio de una fila o columna?
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.
28. ¿Cuál
es la relación entre los atributos 'border' y 'rule'?
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>.
29. ¿Cómo
se crea un texto en una página web que le permitirá enviar un correo
electrónico al hacer clic?
Utilizando
el comando mailto dentro de la etiqueta href.
Ejemplo:
<A HREF=”mailto:youremailaddress”>text to be
clicked</A>
30. ¿Son
las etiquetas <br> la única manera de separar secciones de texto?
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.
31. ¿Cuál
es la jerarquía que se sigue cuando se trata de hojas de estilo?
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.
32. ¿Pueden
agruparse varios selectores con nombres de clase?
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.
33. ¿Cómo
se convierte una imagen en una imagen de fondo de una página web?
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.
34. ¿Qué
navegadores soportan HTML5?
Las
últimas versiones de Google Opera, Apple Safari, Chrome, y Mozilla Firefox son compatibles con casi todas las funciones
HTML5.
35. Nombra
dos nuevas etiquetas incluidas en el HTML 5
<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.
36. ¿Sabes
cuáles son las dos etiquetas semánticas que se incluyen en la versión HTML5?
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.
37. ¿Qué
es <figure> en HTML5?
Es la
etiqueta que representa una pieza de contenido de flujo autónomo. Utilizada como unidad única y referencia del
flujo principal del documento.
38. ¿Qué
es CSS?
CSS (en
inglés Cascading Style Sheets) es lo que se denomina lenguaje de hojas de
estilo en cascada y se usa para estilizar elementos escritos en un lenguaje de
marcado como HTML. CSS separa el contenido de la representación visual del
sitio.
39. ¿Cuál
es la diferencia entre CSS y HTML?
La principal diferencia radica en el propio concepto de ambos lenguajes. Como
te comentábamos el HTML define la forma y estructura de una página web,
mientras que el CSS es un lenguaje que funciona a través de
hojas de diseño, que decide la apariencia visual a través de estilos.
40. ¿Cómo
puedes aplicar estilos CSS a una página web?
Para
definir estilos en secciones reducidas de una página se puede utilizar el
atributo style en la etiqueta sobre la que queremos aplicar estilos. Como valor
de ese atributo indicamos en sintaxis CSS las características de estilos.
41. ¿Cuántos
tipos de CSS existen?
Hay tres formas de implementar o tres tipos de CSS:
CSS en línea.
CSS interno o incrustado.
CSS externo.
42. ¿Qué
es un ‘framework’ CSS?
Un
framework de CSS es una biblioteca de estilos genéricos que puede ser usada
para implementar diseños web. Aportan una serie de utilidades que pueden ser
aprovechadas frecuentemente en los distintos diseños web.
43. ¿Cómo
especificarías los colores CSS?
Cambia el color del
texto que está en el interior de un elemento.
...
Colores CSS.
|
Nombre |
Formato |
Ejemplo |
|
Palabra clave predefinida |
[palabra clave] |
red |
|
Esquema RGB |
rgb(rojo, verde, azul) |
rgb(255, 0, 0) |
|
Esquema RGB con canal alfa |
rgba(rojo, verde, azul, alfa) |
rgba(255, 0, 0, 0.25) |
|
Esquema RGB hexadecimal |
#RRGGBB |
#ff0000 |
44. ¿Qué
son los ‘pseudo elementos’?
Los
pseudo-elementos en CSS son un mecanismo para acceder a partes del HTML que no
tienen asociado un nodo en el DOM. Por ejemplo, está claro que una «parte de
nuestro documento» podría ser «la primera línea de un párrafo», «la primera
letra de un párrafo» o «la selección que ha hecho el usuario».
45. ¿Cómo
puedes integrar CSS a un sitio web?
Podemos utilizar CSS integrándolo desde dos lugares
y varios métodos diferentes:
CSS en el HEAD del documento HTML.
Importando CSS desde un documento externo.
Enlazando CSS desde un documento externo.
Creando las reglas CSS incrustadas como en el
ejemplo anterior.
CSS en el BODY del documento.
Añadiendo estilos en línea como vimos en el primer
tutorial.
Aunque
estos métodos son los más habituales, existen otras formas de incluir CSS en
los archivos pero requieren de conocimientos avanzados en programación.
46. ¿Qué
es la ‘división de archivos’?
Independientemente
del sistema de clasificación elegido en los Archivos, los documentos se
clasifican: por fondos, conjunto documental producido por una institución o
entidad. por series, dentro de los fondos. El expediente lo integra el conjunto
de documentos referidos al procedimiento de un mismo asunto.
47. ¿Qué
es ‘opacidad’?
La
propiedad CSS opacity define la transparencia de un elemento, esto es, en qué
grado se superpone el fondo al elemento.
Animation type: a
CSS data type are interpolat
Valor calculado:
the specified value, clipped in
Heredable: no
48. ¿Qué
es ‘float’ en CSS?
La
propiedad CSS float ubica un elemento al lado izquierdo o derecho de su
contenedor, permitiendo a los elementos de texto y en línea aparecer a su
costado. El elemento es removido del normal flujo de la página, aunque aún
sigue siendo parte del flujo (a diferencia del posicionamiento absoluto).
Valor calculado: como se especifica
Applies to: all
elements, but has no effect if the.
Heredable: no
49. ¿Qué
es el ‘índice Z’?
El índice Z es una propiedad que especifica el orden de apilamiento del elemento de una
creatividad. Un elemento con un número de orden de apilamiento mayor aparecerá
siempre delante de uno con un número menor.
50. ¿Por
qué usar import al principio del archivo?
Si quieres
importar un archivo SCSS o Sass pero no quieres que se compile como archivo
CSS, utiliza un guión bajo como primer carácter del nombre del archivo. De esta
manera, Sass no generará un archivo CSS para esa hoja de estilos, pero podrás
utilizarla importándola dentro de otra hoja de estilos.
