HTML Flashcards

(110 cards)

1
Q

Qué es un motor de Renderizado (Browser Engine)? Cuáles conoces y a que navegador esta asociado?

A
  1. Interprete de lenguaje HTML y CSS
  2. Motores de renderizado:
    - Blink - > Chronium y derivados (Edge(antes EdgeHTML y Trident), Opera(antes Presto), Brave…)
    - Gecko - > Mozilla (o Quantum)
    - Webkit - > Safari
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Como se llama a la técnica mediante la cual podemos realizar peticiones al servidor para traernos información (en formato JSON, XML,?) y realizar una actualización exclusivamente de una parte del documento HTML? Y como se llama su objeto Principal?

A
  • AJAX.
  • El objeto principal se llama xmlHttpRequest
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Cúal es la declaración de un documento HTML5?

A

<!DOCTYPE html> (no sigue el estandar SGML)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Quien se encarga del estándar de HTML5? Quien lo hacía antes?

A
  1. ahora WhatWG
  2. antes W3C
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Que caracteristicas tienen los Void (Empty) Elements? Cuales son?

A
  1. No tienen etiquetas de cierre y no pueden tener nodos hijos
  2. area, base, br, col, command, embed
    hr, img, input, kaygen, link, meta,
    taram, source, track, Wbr
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Utilidad de la etiqueta
</source>?

A

establecer fuentes de audio/video (es un void element)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Cuales son las principales Etiquetas Semánticas?

A
  • <article>
    </article>
  • <section>
    </section>
  • <aside>
    </aside>
  • <footer>
    </footer>
  • <header>
    </header>
  • <main>
    </main>
  • <nav>
    </nav>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Para que sirve la etiqueta “<article>” ? Peculiaridades de la etiqueta “<article>”

A
  1. Contenedor de bloques Independientes del sitio WEB
  2. Pueden ser vistos, reutilizados y distribuido por separado.
    - Se pueden anidar dentro de <section> y viceversa
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Para que sirve la etiqueta “<section>” ?

A

Representa una agrupación del contenido del que se trata en la página.
- NO tiene sentido fuera de la pág.
- Se pueden anidar dentro de <article> y viceversa
(NO es un Contenedor generico, eso es <div>)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Para que sirve la etiqueta “<aside>” ?

A

Representa información tangencial, ligeramente relacionada con el contenedor section/main/article?

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Para que sirve la etiqueta “<footer>” ?

A

Representa el pie de un documento o contenedor

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Para que sirve la etiqueta “<header>” ?

A

Representa el encabezado de un documento o contenedor. (no confundir con <head>)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Para que sirve la etiqueta “<main>” ? Peculiaridades del <main>?

A
  1. Contenido principal del documento.
  2. solo puede haber uno activo por página, si hay más deben estar ocultos
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Para que sirve la etiqueta “<nav>” ?

A

zona con enlaces de navegación del ámbito de nuestro site

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Etiquetas que pueden ir en el <head>

A

<meta></meta>

<link></link>

<style>

<base>
<title>
</style>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Para que sirve la etiqueta “<meta>” ? Atributos mas conocidos?

A
  1. Sirve para poner metadatos en el head
  2. Algunos son:
    - name (keywords, author, title, description?) (viewport - para diseño responsive)
    - charset – > para poner el sistema de codificación
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Para que sirve la etiqueta “<link>” ? Atributos mas conocidos?

A
  1. establecer relaciones entre el documento actual y recursos externos
  2. rel - relación del documento enlazado con el actual (alternate, stylesheet, prey, next - > opciones)
    Href - especifica la url
    Hreflang - Este atributo indica el idioma del recurso enlazado (informativo)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

¿Cual es la declaración para asociarle al documento una hoja de estilos?

A

<link rel=”stylesheet” href=”estilos.css”>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Que es un favicon y como se configura?

A
  1. Es el icono que aparece en la pestaña en la que hemos cargado la página
  2. <link rel= “icon” href= “favicon.ico” type= “image-icon”>
    <link rel= “sortcout icon” href=”http?.favicon.ico”>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

¿Como podría especificar una versión alternativa de su pagina, como por ejemplo una versión en PDF en frances?

A

<link></link>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Para que sirve la etiqueta “<style>" ?</style>

A

Estilos css que se aplican a la página

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Para que sirve la etiqueta “<base></base>” ?

A

Establecer la ruta relativa de las URL’s relativas de la pág.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Para que sirve la etiqueta “<title>" ?</title>

A

título visible de la pag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Cuales son las principales Etiquetas de Formularios ?

A
  • Select
  • Button
  • Form (Action y Method)
  • Label
  • Datalist
  • Textarea
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
que tipo de control tenemos que introducir si queremos capturar texto de varias lineas?
26
Si tengo un formulario con campos de entrada y los envío a backend. Como los identificas?
con el atributo name de los diferentes imputs
27
Atributos principales de la etiqueta
- Action (url del servicio/programa que procesará los datos del formulario) - Method (Metodo de envío según el protocolo HTTP, típicamente en un form tendríamos Get o Post)
28
cuales son los nuevos tipos de entrada de formularios en html5?
- color - date - datetime - time - email - month - number - range - search - tel - url
29
cuales son los nuevos tipos atributos de los formularios en html5?
- list - autofocus/autocomplete - min/max - pattern (regex) - multiple - placeholder - required ?
30
Para que sirve el atributo de HTML "placeholder" ?
Texto que ponemos dentro de una caja como ayuda contextual
31
Cuales son las principales Etiquetas Multimedia?
32
Para que sirve la etiqueta ?
a partir de una imagen, define zonas en las que el usuario puede pulsar para navegar (se definen con la etiqueta ) (Hipervínculos asociados a una zona de una imagen)
33
Para que sirve la etiqueta svg?
Para incrustar una grafico vectorial en formato XML
34
¿Como se puede incrustar un video(reproductor) en una pagina html?
35
Atributos que conoces de la etiqueta multimedia
- poster= url -- > para poner una imagen de portada - Autoplay -- > se puede poner en un tiempo concreto con src="?.#t=15" - loop - muted - Controls -- > muestra controles de reproducción - Preload -- > precarga el video y con valor "metadata" en solo ciertas propiedades del video
36
Con que etiqueta podemos hacer una lista desplegable?
Con