HTML RESUMEN Flashcards
¿Qué es HTML?
HTML es un lenguaje de marcado, HTML significa Hypertext Markup Language (Lenguaje de marcas e hipertexto).
¿Qué es una etiqueta ?
Las etiquetas HTML son fragmentos de código que permiten crear elementos HTML <etiqueta> </etiqueta>
<!DOCTYPE html>
Definición del tipo de documento.
<html> </html>
Especifica el principio y fin del documento HTML
qué va en el head?
<head> </head>
Este elemento actúa como un contenedor de todo aquello que quieres incluir en la página HTML que no es contenido visible por los visitantes de la página.
<meta></meta>
Este elemento establece el juego de caracteres que nuestro documento usará en utf-8, que incluye casi todos los caracteres de todos los idiomas humanos.
<title> </title>
Especifica el título de tu documento, es el que aparece en la pestaña o en la barra de título del navegador cuando la página es cargada
<body> </body>
Es donde se encuentra todo el contenido que deseas mostrar a los usuarios web que visiten tu página, ya sea textos, imágenes, videos, audios, formulario, etc.
Etiqueta <h1> - <h6>
permiten la definición de encabezados o títulos dentro del documento web.
Etiqueta <p>
Se utilizan para encerrar párrafos de texto
Etiqueta <ul> y <ol>
lista desordenada (“Unordered List”).
y lista ordenada
etiqueta <li>
Para especificar un elemento en la lista
Etiqueta <a></a>
(“anchor” / ancla)Sirve para definir y crear un hiperenlace, el cual permite realizar enlaces del documento web con otros documentos o recursos disponibles
href:
Este atributo permite establecer la URL en la que se encuentra el documento el cual se quiere enlazar, con el documento web
target
El atributo permite especificar el destino por defecto para todos los enlaces. El más común es: _blank que especifica que el destino sea una nueva ventana del navegador, o una nueva pestaña.
Etiqueta <img></img>
permite definir una imagen en el documento web.
img src:
permite especificar el origen de la imagen, es decir su ubicación.
img src alt:
permite especificar un texto alternativo para la imagen.
Etiqueta <table>
permite definir tablas. Una tabla es una cuadricula de casillas o celdas, divididas en filas y columnas
<table>
</table>
definición de una tabla
<th>:
</th>
definición de cabecera de tabla.
<tr>:
</tr>
define una fila en la tabla.
<thead>:
</thead>
define la cabecera de la tabla.
<tbody>:
</tbody>
<tbody>: define el cuerpo de la tabla
</tbody>
<tfoot>:
</tfoot>
define el pie de la tabla
Etiqueta <div>
sirve para crear secciones o agrupar contenidos.
Formularios
Etiqueta <form>
Permite definir un formulario de datos
Etiqueta <input></input>
permite especificar los tipos de datos que se quieren solicitar para su posterior envío.
Distintos tipos de datos:
text:
Campo de texto de línea simple.
Los saltos de línea son eliminados automáticamente del valor introducido.
Distintos tipos de datos:
checkbox:
Casilla de selección. Se debe usar el atributo value para definir el valor que se enviará por este elemento.
Distintos tipos de datos:
file:
Control que permite al usuario seleccionar un archivo
Distintos tipos de datos:
hidden:
Control que no es mostrado en pantalla, pero cuyo valor es enviado al servidor.
Distintos tipos de datos:
password:
Control de línea simple cuyo valor permanece oculto.
Distintos tipos de datos:
submit:
Botón que envía el formulario.
Etiqueta <label></label>
Representa una etiqueta para un elemento en una interfaz de usuario.
Etiqueta <select></select>
Representa un control que muestra un menú de opciones. Las opciones contenidas en el menú son representadas por elementos <option>.</option>