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
Q

Poner una celda de cabecera de contenido x en una tabla

A

th x /th

26
Q

Poner título x a una tabla

A

caption x /caption

27
Q

Definir x grupos de columnas que ocupan y columnas en una tabla

A
colgroup
   col span="y1" /
   col span="y2" /
   (...)
/colgroup
28
Q

Enlazar un documento a una hoja de estilos x

A

link rel=”stylesheet” href=”x” /

x es una ruta interna a la hoja de documentos

29
Q

Poner una imagen x con texto alternativo y

A

img src=”x” alt=”y” /

x es una ruta o url

30
Q

Poner un ancho y alto x y a una imagen

A

img src=”” alt=”” height=”x” width=”y” /

31
Q

Poner una lista ordenada con x elementos, y valor inicial, z tipo de numeración y en orden inverso

A
ol start="y" type="z" reversed
   li  x1  /li
   li  x2  /li
   (...)
/ol

z puede ser 1, a, A, i, I

32
Q

Enlazar una descripción x a una imagen

A

img src=”” alt=”” longdesc=”x” /

x es una ruta o url

33
Q

Enviar a servidor coordenadas de clic en una imagen

A

img src=”” alt=”” ismap /

34
Q

Enlazar un mapa de imagen x a una imagen

A

img src=”” alt=”” usemap=”#x” /
map name=”x”
area /
/map

35
Q

Crear un mapa de imagen con área rectangular, coordenadas x y, enlace z al clicar y texto alternativo w

A

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
Q

Crear un mapa de imagen con área circular, centro x y, radio r, enlace z al clicar y texto alternativo w

A

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
Q

Crear un mapa de imagen con área poligonal, coordenadas x y, enlace z al clicar y texto alternativo w

A

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
Q

Dar una id semantica x orientada a estilo a un elemento y

A

y id=”x”
/y

x debe ser unico en todo el documento

39
Q

Indicar sentido de escritura x del texto

A

html dir=”x”

x es ltr, rtl o auto

40
Q

Poner script x a un documento

A

head
script x /script
/head

41
Q

Poner un texto x en negrita, un texto y en italica, un texto z subrayado

A

b x /b
i y /i
u z /u

42
Q

Poner un texto x superindice, un texto y subindice

A

sup x /sup

sub y /sub

43
Q

Visualizar paginas webs x, y, z en la misma pagina en tres columnas diferentes de tamaños 30%, 20%, resto, respectivamente

A
frameset cols="30%, 20%, *"
    frame src="x" /
    frame src="y" /
    frame src="z" /
/frameset
44
Q

Poner un texto x como cita

A

q x /q