Codigo Flashcards

1
Q

commentarios en html

A

-te permiten dejar mensajes sin afectar lo que se muestra en el navegador EN HTML
ex) <!-- TODO: Remove h1 -->

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

void element

A

Un elemento sin etiqueta de cierre

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

atributos

A

Los atributos HTML son palabras especiales usadas dentro de la etiqueta de apertura de un elemento para controlar el comportamiento del elemento

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

elemento figure y el elemento figcaption

A

figure epresenta contenido independiente y te permitirá asociar una imagen a una descripción.
figcaption e usa para agregar una leyenda que describe la imagen contenida en el elemento figure.
Ejemplo:

<figure>
<img></img>
<figcaption>A cute cat</figcaption>
</figure>

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

elemento em

A

Para poner énfasis en una palabra o frase específica; cursiva

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

elementos inline

A

los cuales no aparecen en una nueva línea

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

botones de radio

A

para preguntas en las que quieres que el usuario solo te dé una respuesta a partir de múltiples opciones. Para hacer que al seleccionar un radio button, el otro sé deseleccione automáticamente, ambos botones deben tener un atributo name con el mismo valor. Agregue también un atributo de value y un atributo de id.
Ejemplo:
<label><input></input> Indoor</label>
<label><input></input> Outdoor</label>

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

los elementos label

A

se utilizan para ayudar a asociar el texto de un elemento input con el propio elemento input (especialmente para tecnologías de asistencia como lectores de pantalla)
Ejemplo:
<label><input></input> cat</label>

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

atributo id

A

se utiliza para identificar elementos HTML específicos. Cada atributo id debe tener un valor único, diferente a los demás valores id de la página.

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

elemento fieldset

A

se utiliza para agrupar elementos input y label relacionados dentro de un formulario web.

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

el relaccion de elemento fieldset y elemento legend

A

El elemento legend actúa como una leyenda/descripción, para el contenido del elemento fieldset.

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

elemento footer

A

se usa para definir el pie de página de un documento o sección. Un pie de página normalmente contiene información sobre el autor del documento, datos de copyright, enlaces a términos de uso, información de contacto, etcétera.

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

<!DOCTYPE html>

A

Todas las páginas deben comenzar con <!DOCTYPE html>. Esta cadena especial es conocida como una declaración y se asegura de que el navegador intente cumplir las especificaciones de la industria.

<!DOCTYPE html> le dice a los navegadores que el documento es un documento HTML5 la cual es la última versión de HTML.

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

<meta></meta>

A

dirá al navegador cómo codificar los caracteres en la página.

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

<html>
</html>

A

para elegir el idioma de la página

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

Por donde se utiliza el elemento <style></style>

A

Por el elemento <head>. Es para cambiar positiciones de elemento y pone estilos en el pagina web

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

Como se cambian un elemento en <style></style>

A

element {
property: value;
}

18
Q

el elemento div

A

El elemento div se utiliza principalmente para própositos de diseño a diferencia de los otros elementos de contenido que has usado hasta ahora.

19
Q

elemento article

A

comúnmente contienen múltiples elementos que tienen información relacionada.

19
Q

¿Un ejemplo de cómo debería comenzar una página html?

A

<!DOCTYPE html>

<html>
<head>
<meta></meta>
<meta></meta>
<title>Cafe Menu</title>
<link></link>
</head>
</html>

20
Q

elemental hr

A

Puedes usar un elemento hr para mostrar una línea divisora entre secciones con diferente contenido.

20
Q

Como se puede cambiar las propiedades de un enlace cuando el enlace ya ha sido visitado?

A

utilizas un pseudo-selector, el cual luce así a:visited { propertyName: propertyValue; }.

21
Q

Como se puede cambiar las propiedades de un enlace cuando el ratón pasa?

A

sobre él utilizando un pseudo-selector, que luce así a:hover { propertyName: propertyValue; }.

22
Q

Como se puede cambiar las propiedades de un enlace, cuando el enlace está siendo presionado?

A

utilizas un pseudo-selector, el cual luce así a:active { propertyName: propertyValue; }.

23
Q

Cuando un elemento tiene mas de uno clase, que pasa con los estilos de te mas?

A

Si añades varias clases a un elemento HTML, los estilos de las primeras clases pueden que sean anulados por las siguientes clases.

24
Q

¿Cuáles son los dos principios modelo del color?

A

Hay dos modelos principales de colores: el modelo aditivo RGB (rojo, verde, azul) utilizado en dispositivos electrónicos, y el modelo sustractivo CMYK (cian, magenta, amarillo, negro) utilizado para impresión.

25
Q

linear-gradient

A

Ejemplo)
red {
background: linear-gradient(90deg, rgb(255, 0, 0) 75%, rgb(0, 255, 0));
}

26
Q

Canal alpha

A

La función rgba funciona igual que la función rgb, pero toma un número más de 0 a 1.0 para el canal alfa. El canal alfa es para mostrar una opacidad o transparencia de color. También puedes usar un canal alfa con colores hsl y hex

27
Q

propiedad box-shadow

A

La propiedad box-shadow permite aplicar una o más sombras alrededor de un elemento. Esta sería la sintaxis básica:
box-shadow: offsetX offsetY blurRadius spreadRadius color;

28
Q

What does a border syntax look like?

A

border: 1px solid color;

29
Q

What is a border radius? and it’s syntax?

A

It’s the curve of a corner of a border.
border-radius: 20px;
border-radius: 5px 2px 5px 2px;

30
Q

What is the syntax of a box-shadow?

A

box-shadow: 9px 9px 5px 3px color;
box-shadow: xset, yset, blur radius, spread radius, color;

31
Q

Image element

A

<img></img>

32
Q

Hexadecimal

A

color: #32529f;
*white: #ffffff
*black: #00000
After the # sign, the first pair is red, 2nd pain green and last is blue just like rgb.

33
Q

What is rgba?

A

the a in rgba is the alpha channel and it displays opacity in the color. The range goes from 0.0-1.0

34
Q

What are some website that can be used for finding fonts?

A

https://fonts.google.com
WhatFont
https://fontawesome.com

35
Q

What is the difference between div and span?

A

<div> is a block element while <span> is an inline element.
</span></div>

36
Q

attributo method

A

El atributo method especifica cómo enviar datos de formulario a la dirección URL especificada en el atributo action. Los datos del formulario se pueden enviar a través de una solicitud GET como parámetros de URL (con method=”get”) o mediante una solicitud POST como datos en el cuerpo de la solicitud (con method=”post”).

37
Q

Como si puede añadir un menú desplegable?

A

Utiliza el elemento select junto con sus elementos anidados option.El elemento select es un contenedor para un grupo de elementos option, y el elemento option actúa como una etiqueta para cada opción desplegable. Ambos elementos requieren etiquetas de cierre.

38
Q

¿Cómo deberían verse los values numéricos de las options en un menú desplegable(select)?

A

Deberían comenzar con un valor vacío y el resto con lo normal.
Ejemplo:

<fieldset>
<label>How did you hear about us?
<select>
<option>(select one)</option>
<option>freeCodeCamp News</option>
<option>freeCodeCamp YouTube Channel</option>
<option>freeCodeCamp Forum</option>
<option>Other</option>
</select>
</label>
</fieldset>

39
Q

¿Cuál es la diferencia entre textarea y input type=”text”?

A

El elemento textarea actúa como un elemento input de tipo text, pero viene con la ventaja añadida de poder recibir texto de varias líneas, y un número inicial de filas y columnas.