HTML basico Flashcards

1
Q

Crear documento HTML5 básico

A
!DOCTYPE html
html
     head
     /head
     body
     /body
/html
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Poner título x a un documento

A

title x /title

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

Indicar idioma base x para atributos y texto

A

html lang=”x”

“es” para español
“en” para ingles
r12a.github.io/app-subtags

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

Indicar juego de caracteres x

A

meta charset=”x”

“utf-8” como charset estandar

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

Indicar diseño adaptable

A

meta name=”viewport” content=”width=device-width; initial-scale=1.0”

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

Dar significado semántico x con propiedad y a un contenido z, orientado a cliente

A
n itemscope itemtype="http://www.schemas.org/x"
-> m itemprop="y"
-> -> z
-> /m
/n
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Dar una clase semantica x orientada a estilo a un contenido y

A

n class=”x”

/n

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

Poner un encabezado de tamaño x para un contenido y

A

hx y /hx

x esta entre 1 y 6

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

Poner descripción x a un documento

A

meta name=”description” content=”x”

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

Poner un párrafo con contenido x

A

p x /p

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

Crear contenedores de cabecera, menú de navegación, contenido principal con secciones, artículos, figuras, títulos de figuras, panel lateral y pie de página

A
header /header
nav /nav
main
   section
      article
         figure /figure
         figcaption /figcaption
      /article
   /section
/main
aside /aside
footer /footer
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Destacar un contenido x

A

strong x /strong

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

Enfatizar un contenido x

A

em x /em

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

Hacer salto de línea

A

br /

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

Poner un enlace a una página web externa x

A

a href=”x” y /a

x es una url

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

Poner un enlace a una zona interna y de una página web externa x

A

a href=”x#y” z /a

x es una url, y es un id de esa url

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

Poner un enlace a una página interna x

A

a href=”#x” y /a
n id=”x”

x es un id interno

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

Poner una lista no ordenada con x elementos

A
ul
   li  x1  /li
   li  x2  /li
   (...)
/ul
19
Q

Poner una lista ordenada con x elementos

A
ol
   li  x1  /li
   li  x2  /li
   (...)
/ol
20
Q

Poner una lista descriptiva con x elementos e y descripciones

A
dl
-> dt  x1  /dt
-> dd  y1  /dd
-> dt  x2  /dt
-> dd  y2  /dd
-> (...)
/dl
21
Q

Crear tabla con x filas e y columnas

A
table
   tr
      td x1y1 /td
      td x1y2 /td
      (...)
   /tr
   (...)
/table
22
Q

Hacer que celda de una tabla ocupe x columnas

A

td colspan=”x”

/td

23
Q

Hacer que celda de una tabla ocupe x filas

A

td rowspan=”x”

/td

24
Q

Agrupar filas de cabecera, de cuerpo, y de pie, en una tabla

A
thead
(...)
/thead
tbody
(...)
/tbody
tfoot
(...)
/tfoot
25
Poner una celda de cabecera de contenido x en una tabla
th x /th
26
Poner título x a una tabla
caption x /caption
27
Definir x grupos de columnas que ocupan y columnas en una tabla
``` colgroup col span="y1" / col span="y2" / (...) /colgroup ```
28
Enlazar un documento a una hoja de estilos x
link rel="stylesheet" href="x" / x es una ruta interna a la hoja de documentos
29
Poner una imagen x con texto alternativo y
img src="x" alt="y" / x es una ruta o url
30
Poner un ancho y alto x y a una imagen
img src="" alt="" height="x" width="y" /
31
Poner una lista ordenada con x elementos, y valor inicial, z tipo de numeración y en orden inverso
``` ol start="y" type="z" reversed li x1 /li li x2 /li (...) /ol ``` z puede ser 1, a, A, i, I
32
Enlazar una descripción x a una imagen
img src="" alt="" longdesc="x" / x es una ruta o url
33
Enviar a servidor coordenadas de clic en una imagen
img src="" alt="" ismap /
34
Enlazar un mapa de imagen x a una imagen
img src="" alt="" usemap="#x" / map name="x" area / /map
35
Crear un mapa de imagen con área rectangular, coordenadas x y, enlace z al clicar y texto alternativo w
map name="" area shape="rect" coords="x1,y1,x2,y2" href="z" alt="w" / /map x y empiezan desde esquina arriba izquierda z es una ruta o url
36
Crear un mapa de imagen con área circular, centro x y, radio r, enlace z al clicar y texto alternativo w
map name="" area shape="circle" coords="x,y,r" href="z" alt="w" / /map x y empiezan desde esquina arriba izquierda z es una ruta o url
37
Crear un mapa de imagen con área poligonal, coordenadas x y, enlace z al clicar y texto alternativo w
map name="" area shape="poly" coords="x1,y1,(...)" href="z" alt="w" / /map x y empiezan desde esquina arriba izquierda z es una ruta o url
38
Dar una id semantica x orientada a estilo a un elemento y
y id="x" /y x debe ser unico en todo el documento
39
Indicar sentido de escritura x del texto
html dir="x" x es ltr, rtl o auto
40
Poner script x a un documento
head script x /script /head
41
Poner un texto x en negrita, un texto y en italica, un texto z subrayado
b x /b i y /i u z /u
42
Poner un texto x superindice, un texto y subindice
sup x /sup | sub y /sub
43
Visualizar paginas webs x, y, z en la misma pagina en tres columnas diferentes de tamaños 30%, 20%, resto, respectivamente
``` frameset cols="30%, 20%, *" frame src="x" / frame src="y" / frame src="z" / /frameset ```
44
Poner un texto x como cita
q x /q