UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”

Esmeraldas
Nombre: Jordy Chila Avilez. Fecha: 24/02/2022

Curso: 4to de TECNOLOGIAS DE LA INFORMACION. Paralelo: “A”

Asignatura: Programación III

CUESTIONARIO
Recabe información sobre los lenguajes utilizados para el desarrollo web y conteste de
manera concisa las siguientes preguntas

1. HTML es un lenguaje de marca de hipertexto. ¿Cómo se definen comentarios

en este lenguaje?

Los comentarios se inician con los dos caracteres /*, y se cierran con los dos
caracteres */.
Un comentario HTML comienza con <!-- y se cierra con -->
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas
2. Cómo poner viñetas en listas de HTML. Liste los valores para tipos de viñeta
HTML. Cómo personalizar la imagen que se muestra como viñetas en listas
de HTML.

Estas listas utilizan la etiqueta <ul> y cierra con </ul> y cada elemento de la lista es
identificado con la etiqueta <li>. También podemos modificar las viñetas por medio del
atributo TYPE= circle, disc o square (círculo, disco o cuadrado).
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas

3. En HTML existen ciertas etiquetas, que pueden contener a un conjunto de

otras etiquetas no especificadas como, por ejemplo: div, nav, article, body,
section, header, footer, main, aside. Describa brevemente para que se utilizan
las etiquetas detalladas en el ejemplo.

Etiqueta Descripción
div Sirve para crear secciones o agrupar contenidos. Sus etiquetas son:
<div> y </div>
nav Representa una sección de una página cuyo propósito es proporcionar
enlaces de navegación, ya sea dentro del documento actual o a otros
documentos.
artivle El Elemento article de HTML (<article>) representa una composición
auto-contenida en un documento, página, una aplicación o en el sitio,
que se destina a distribuir de forma independiente o reutilizable, por
ejemplo, en la indicación
body Contiene atributos que controlan la parte visible del documento. Estos
atributos o propiedades son popularmente usados para agregar color y
diseño a la página.
Section La etiqueta HTML <section> se utiliza para encerrar toda una sección
genérica de un código en específico.
Header Es usada para clasificar el contenido que aparece en la parte superior
de cada página de tu sitio web: el logo (y elementos que lo conforman
o son parte de tu identidad, tal como un slogan)
Footer Es usado para proveer vínculos de navegación e información de
contacto acerca del autor del documento (contenida en el elemento
address).
Main Tiene como principal función contener los temas principales de una
sección o documento.
aside Es un contenedor para información que se considera solo levemente
relacionada al documento o la sección en la que es definida. En otras
palabras, el contenido del elemento aside debe estar relacionado al
contenido circundante
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas

4. Indague para que se utiliza la etiqueta meta y sus atributos.

meta: proporciona información sobre el documento en la cabecera se incluyen

etiquetas para definir los metadatos <meta> como el juego de caracteres (charset) , el
título <title>, enlaces a archivos de hojas de estilo <link> y Javascript <script>. Algunas
de estas etiquetas son obligatorias y otras opcionales.

Atributo Descripción Valor

lang Información sobre el Un código de idioma. Por
idioma del contenido del defecto: "desconocido". Lo fija
GENERICOS elemento y del valor de sus el navegador
atributos.
dir Indica la dirección de texto Uno de los siguientes: 'ltr' o 'rtl'.
y tablas Por defecto: En castellano 'ltr'.
Lo fija el navegador.

name Nombre al que se asocia la Un 'nombre'. Sensible a M/m.

metainformación Por defecto: Lo fija el
navegador

Contet Los datos que se quieren Un 'nombre'. Sensible a M/m.

ESPECIFICOS asociar a name Por defecto: Lo fija el
navegador

http-equiv Aporta información sobre Un 'nombre'. Por defecto: Lo

los encabezados de fija el navegador.
respuesta HTTP, puede
usarse en lugar de name.
scheme Indica un esquema de Texto. Sensible a M/m. Por
interpretación para los defecto: Lo fija el navegador.
metadatos.

5. Para que se utiliza la etiqueta script. Incluya ejemplos.

El elemento HTML Script (<script>) se utiliza para insertar o hacer referencia a un

script ejecutable dentro de un documento HTML o XHTML.

El elemento script permite a los autores insertar programas del lado cliente o bloques
de datos en un documento. Estos programas pueden estar diseñados para proveer
interactividad, calcular y mostrar valores o ejecutar animaciones, entre otras tareas.
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas

6. CSS es que permiten definir diferentes estilos para diferentes medios o

dispositivos: pantallas, impresoras, móviles, proyectores, etc., algunas
propiedades específicamente para determinados medios, como la
paginación y los saltos de página para los medios impresos o el volumen y
tipo de voz para los medios de audio. Investigue y elabore una tabla donde
identifique cada medio y su descripción. Ejemplo: handheld: define el
aspecto de la página cuando se visualiza mediante un dispositivo móvil:
celulares, PDA, etc.

Medio Descripción
All Todos los medios definidos
braille Dispositivos táctiles que emplean el sistema braille
embosed Impresoras braille
handheld Dispositivos de mano: móviles, PDA, etc.
print Impresoras y navegadores en el modo "Vista Previa para Imprimir"
projection Proyectores y dispositivos para presentaciones
screen Pantallas de ordenador
speech Sintetizadores para navegadores de voz utilizados por personas
discapacitadas
tty Dispositivos textuales limitados como teletipos y terminales de
texto
tv Televisores y dispositivos con resolución baja
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas

7. ¿En CSS como podemos forzar herencia? Explique su funcionamiento con

un ejemplo.

Mediante la palabra clave inherit (heredar) puede forzarse la herencia incluso para
propiedades que no se heredan normalmente. Sin embargo, se debe utilizar con
mucho cuidado porque existen sistemas que no son compatibles con esta palabra
clave.
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas
8. ¿Qué unidades de medidas podemos utilizar en CSS? Realice una breve
explicación de cada una de ellas, incluya ejemplos

Podemos usar una unidad de medida absoluta las cuales están completamente
definida, ya que su valor no depende de otro valor de referencia.

UNIDAD NOMBRE EQUIVALENTE

cm Centimetros 1cm= 96px/2.54
mm Milimetros 1mm=1/10 de 1cm
Q Cuartos de milímetros 1Q=1/40 de 1cm
In Pulgadas 1in=1.54cm= 96px
Pc Picas 1pc=1/16 de 1in
Pt Puntos 1pt=1/72 de 1in
px Pixeles 1px=1/96 de in

El tipo numérico con el que te vas a encontrar con mayor frecuencia es, por ejemplo,
10px (píxeles) o 30em. En CSS se utilizan dos longitudes diferentes: relativa y
absoluta. Es importante conocer la diferencia para entender qué dimensiones van a
tener las cosas.

Unidades Absolutas
in, pulgadas (“inches”, Una pulgada equivale a 2.54 centímetros
en inglés).
cm, centímetros Cm, centímetros
mm, milímetros Mm, milímetros
pt, putos Un punto equivale a 1 pulgada/72, es decir unos 0.35
milímetros

Unidades Relativas
em, (no confundir con la Relativa respecto del tamaño de letra del elemento.
etiqueta de HTML)
ex Relativa respecto de la altura de la letra x ("equis
minúscula") del tipo y tamaño de letra del elemento
px, (píxel) Relativa respecto de la resolución de la pantalla del
dispositivo en el que se visualiza la página HTML.
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas

9. En CSS para que se utiliza las propiedades: border-colapse, border-spacing,

caption-side. Describa los posibles valores que pueden tomar. Incluya
ejemplos.

La propiedad border-collapse se utiliza para fusionar los bordes. Esto tiene una gran
influencia sobre la presentación y el estilo de las celdas de tabla.

Valores
inherit Define explícitamente el valor como heredada del elemento padre.

separate Utiliza el modo de presentación de separación de borde.

collapse Utiliza el modo de presentación de fusión de borde

La propiedad de espaciado de borde especifica la distancia entre los bordes de

celdas adyacentes (sólo para el modelo de separación de borde). Es el equivalente
al atributo cellspacing en HTML.

Valores
<length> Un largo a utilizar para el espaciado horizontal y
vertical.
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas
<length> El primero da el espaciado horizontal (espacio
<length> entre celdas de una fila) y el segundo el
espaciado vertical (espacio entre celdas de una
columna).

La propiedad caption-side establece la posición vertical del título o leyenda de una

tabla. Las tablas XHTML indican su título mediante la etiqueta <caption>, que siempre
se incluye en el interior de la etiqueta <table>.

Valores
top bottom inherit
 UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas
10. Defina que son las pseudoclases y que son los pseudoelementos. Incluya
algunos ejemplos.

Las pseudoclases se utilizan para hacer referencia a ciertos

comportamientos de los elementos HTML. Así como los combinadores CSS
se utilizan para dar estilos dependiendo de donde estén colocados en la
estructura del HTML.

Las pseudoclases se utilizan para dar estilos a elementos respecto al

comportamiento que experimentan en determinado momento. Los
pseudoelementos son otra de las características de CSS que permiten hacer
referencias a «comportamientos virtuales no tangibles», o lo que es lo
mismo, se le puede dar estilo a elementos que no existen realmente en el
HTML, y que se pueden generar desde CSS.

Recordemos la sintaxis de los pseudoelementos, que está precedida de dos

puntos dobles (::) para diferenciarlos de las pseudoclases, las cuales sólo
tienen dos puntos (:).
UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas
UNIVERSIDAD TÉCNICA “LUIS VARGAS TORRES”
Esmeraldas