PDF de programación - Aprendizaje HTML

HTML

#html

Tabla de contenido

Acerca de

Capítulo 1: Empezando con HTML

Observaciones

Versiones

Examples

Hola Mundo

Introducción

Perspectiva del elemento

Creando una página simple

Desglose de página simple

Capítulo 2: Anclas e hipervínculos

Introducción

Sintaxis

Parámetros

Examples

Enlace a otro sitio

Abrir enlace en una nueva pestaña / ventana

Enlace a un ancla

Enlace que ejecuta JavaScript

Enlace a una página en el mismo sitio

Enlace que ejecuta el cliente de correo electrónico.

Enlace que marca un número.

Capítulo 3: ARIA

Sintaxis

Observaciones

Examples

role = "alerta"

role = "alertdialog"

role = "application"

role = "artículo"

1

2

2

2

2

2

2

3

3

4

6

6

6

6

7

7

7

8

8

9

10

10

11

11

11

12

12

12

12

12

role = "banner"

role = "button"

role = "cell"

role = "checkbox"

role = "columnheader"

role = "combobox"

role = "complementario"

role = "contentinfo"

role = "definición"

role = "dialog"

role = "directorio"

role = "documento"

role = "form"

role = "grid"

role = "gridcell"

role = "grupo"

role = "encabezado"

role = "img"

role = "link"

role = "list"

role = "listbox"

role = "listitem"

role = "log"

role = "main"

role = "marquee"

role = "math"

role = "menu"

role = "menubar"

role = "menuitem"

role = "menuitemcheckbox"

role = "menuitemradio"

role = "navegación"

role = "note"

13

13

13

13

14

14

14

14

15

15

15

15

15

16

16

17

17

17

17

18

18

18

18

18

19

19

19

19

19

20

20

20

20

role = "option"

role = "presentación"

role = "barra de progreso"

role = "radio"

role = "region"

role = "radiogroup"

role = "row"

role = "rowgroup"

role = "rowheader"

role = "scrollbar"

role = "search"

role = "searchbox"

role = "separator"

role = "control deslizante"

role = "spinbutton"

role = "status"

role = "switch"

role = "tab"

role = "table"

role = "tablist"

role = "tabpanel"

role = "cuadro de texto"

role = "timer"

role = "toolbar"

role = "tooltip"

role = "árbol"

role = "treegrid"

role = "treeitem"

Capítulo 4: Atributos de datos

Sintaxis

Parámetros

Examples

Uso de atributos de datos

20

21

21

21

21

21

22

22

22

22

23

23

23

23

24

24

24

24

24

25

25

25

25

25

26

26

26

27

28

28

28

28

28

Soporte de navegadores antiguos

Capítulo 5: Atributos de evento HTML

Examples

Eventos de formulario HTML

Eventos del teclado

Capítulo 6: Atributos globales

Parámetros

Observaciones

Examples

Atributo contenteditable

Capítulo 7: Barras de navegación

Examples

Barra de navegación básica

Barra de navegación HTML5

Capítulo 8: Clases e identificaciones

Introducción

Sintaxis

Parámetros

Observaciones

Examples

Dar un elemento a una clase

Usando clases en CSS

Dando a un elemento una identificación

Problemas relacionados con identificaciones duplicadas

Valores aceptables

Para una identificación

Para una clase

Nota importante: cómo los valores de ID y clase se tratan fuera de HTML

Referencias W3C

Capítulo 9: Comentarios

Introducción

Sintaxis

28

30

30

30

30

32

32

32

32

32

34

34

34

34

35

35

35

35

35

35

35

36

37

37

38

38

39

39

40

41

41

41

Observaciones

Examples

Creando comentarios

Comentarios condicionales para Internet Explorer

Bajo nivel oculto

Nivel bajo revelado

Comentando espacios en blanco entre elementos en línea

Capítulo 10: Controles del menú de selección

Sintaxis

Examples

Seleccione el menú

Cambiando el tamaño

Menús de selección multi-opciones

Grupos opcionales

Opciones

Seleccionando una opción por defecto

Lista de datos

Soporte del navegador

Capítulo 11: Cotizaciones de marcado

Observaciones

Examples

En línea con

Comillas

URL de origen (atributo de cite )

Bloque con

URL de origen (atributo de cite )

Citación / Atribución

Capítulo 12: Doctypes

Introducción

Sintaxis

Observaciones

Examples

41

41

41

42

42

43

43

45

45

45

45

45

45

46

46

47

47

47

49

49

49

49

49

49

49

50

50

51

51

51

51

51

Añadiendo el Doctype

HTML 4.01 Doctypes

HTML 4.01 estricto

HTML 4.01 Transicional

HTML 4.01 conjunto de marcos

HTML 5 Doctype

Insensibilidad de casos

Doctypes antiguos

HTML 3.2

HTML 2.0

Capítulo 13: Elemento de etiqueta

Sintaxis

Parámetros

Examples

Uso básico

Sobre la etiqueta

Capítulo 14: Elemento de progreso

Parámetros

Observaciones

Examples

Progreso

Cambiando el color de una barra de progreso.

Chrome / Safari / Opera

Firefox

explorador de Internet

HTML Fallback

Capítulo 15: Elemento de salida

Parámetros

Examples

Elemento de salida usando para y atributos de formulario

Elemento de salida con atributos

Capítulo 16: Elemento div

51

52

52

52

52

52

53

53

53

53

54

54

54

54

54

55

56

56

56

56

56

56

57

57

57

57

59

59

59

59

60

61

Introducción

Sintaxis

Examples

Anidamiento

Uso básico

Capítulo 17: Elementos de control de entrada

Introducción

Sintaxis

Parámetros

Observaciones

Examples

Casilla de verificación y botones de radio

Visión general

Atributos

value

checked

Accesibilidad

Etiquetas

Grupos de botones

Oculto

Contraseña

Enviar

Expediente

Validación de entrada

Necesario

Longitud mínima / máxima

Especificando un rango

Emparejar un patrón

Aceptar tipo de archivo

Reiniciar

Número

Tel

61

61

61

61

62

63

63

63

63

64

65

65

65

66

66

66

66

66

67

68

68

68

68

69

69

70

70

70

71

71

71

72

Email

Botón

Atributos

[name]

[type]

[value]

Atributos extra para botones de envío

Color

Url

Fecha

DateTime-Local

Imagen

Distancia

Mes

Hora

Semana

Texto

Buscar

DateTime (Global)

Capítulo 18: Elementos de los medios

Parámetros

Observaciones

Soporte en los navegadores.

Examples

Utilizando ` `y` Elemento `para mostrar contenido de audio / video

Audio

Vídeo

Encabezado de video o fondo

Capítulo 19: Elementos de seccionamiento

Observaciones

Examples

Elemento del artículo

72

72

73

73

73

73

73

74

74

75

75

75

75

76

76

76

76

77

77

79

79

79

79

80

80

81

81

81

83

83

83

83

Evitar el uso innecesario

Elemento principal

Elemento de navegación

Artículos en línea

Use los elementos de la lista cuando sea necesario

Evitar el uso innecesario

Elemento de sección

Elemento de encabezado

Ejemplos:

Elemento de pie de página

Capítulo 20: Elementos vacíos

Introducción

Observaciones

Examples

Elementos vacios

Capítulo 21: Empotrar

Parámetros

Examples

Uso básico

Definiendo el tipo MIME

Capítulo 22: Encabezados

Introducción

Sintaxis

Observaciones

Examples

Usando encabezados

La estructura correcta importa

Capítulo 23: Entidades de carácter

Examples

Caracteres especiales comunes

Entidades de personajes en HTML

83

84

85

85

86

86

87

88

88

88

89

89

89

89

89

91

91

91

91

91

92

92

92

92

92

92

93

94

94

94

95

Capítulo 24: Formas

Introducción

Sintaxis

Parámetros

Observaciones

Examples

Sumisión

El atributo de acción

El atributo del método

Mas atributos

Atributo de destino en la etiqueta de formulario

Cargando archivos

Agrupando algunos campos de entrada

Capítulo 25: Formato de texto

Introducción

Sintaxis

Examples

Negrita, cursiva y subrayado

Texto en negrita

Texto en cursiva

Texto subrayado

Destacando

Insertado, Borrado o Enojado

Superíndice y subíndice

Abreviatura

Capítulo 26: HTML 5 Caché

Observaciones

Examples

Ejemplo básico de caché de HTML 5

Capítulo 27: Idiomas de contenido

Sintaxis

Observaciones

96

96

96

96

96

97

97

97

97

97

97

98

98

100

100

100

100

100

100

101

101

101

102

102

102

103

103

103

103

104

104

104

Accesibilidad

Examples

Lenguaje de elementos

Elementos con múltiples idiomas

Manejo de atributos con diferentes idiomas

Idioma base del documento

URL regionales

Capítulo 28: IFrames

Parámetros

Observaciones

Política del mismo origen

atributo de sandbox

Examples

Fundamentos de un marco en línea

Configuración del tamaño del marco

Usando Anclas Con IFrames

Usando el atributo "srcdoc"

Caja de arena

Capítulo 29: Imágenes

Sintaxis

Parámetros

Examples

Creando una imagen

Ancho y altura de la imagen

Elegir texto alternativo

Notas al pie

Imagen sensible utilizando el atributo srcset

Usando srcset con tamaños

Usando srcset sin tallas

Imagen sensible utilizando un elemento de imagen.

Capítulo 30: Incluir código JavaScript en HTML

Sintaxis

104

104

104

105

105

105

105

106

106

106

106

107

107

107

108

108

108

108

110

110

110

110

110

111

112

113

113

113

114

114

115

115

Parámetros

Observaciones

Examples

Enlace a un archivo JavaScript externo

Incluyendo directamente el código JavaScript

Incluyendo un archivo JavaScript ejecutándose de forma asíncrona.

Manejo de Javascript deshabilitado

Capítulo 31: Liza

Introducción

Sintaxis

Observaciones

Examples

Lista desordenada

Lista ordenada

Cambiando manualmente los números.

Cambiando el tipo de numeral

Descripción de la lista

Listas anidadas

Capítulo 32: Lona

Parámetros

Observaciones

Examples

Ejemplo básico

Dibujando dos rectángulos en una

Capítulo 33: Mapas de imagen

Sintaxis

Parámetros

Observaciones

Examples

Introducción a los mapas de imagen

Descripción

Ejemplo básico

115

115

115

116

116

116

116

117

117

117

117

117

117

118

118

120

120

121

122

122

122

122

122

122

124

124

124

125

125

125

125

125

Capítulo 34: Marcando código informático

Sintaxis

Observaciones

Elementos relacionados

Examples

En línea con

Bloque con y

Capítulo 35: Mesas

Introducción

Sintaxis

Observaciones

Examples

Mesa simple

Abarcando columnas o filas

Tabla con thead, tbody, tfoot y subtítulo

Grupos de columnas

Ámbito de aplicación

Capítulo 36: Meta informacion

Introducción

Sintaxis

Observaciones

Examples

Codificación de caracteres

Actualización automática

Control de diseño móvil

Información de la página

application-name

author

description

generator

keywords

Los robots

127

127

127

127

127