Elementos HTML
Hay dos tipos de elementos:
- elementos en linea que ocupan el espacio necesario para mostrar sus contenidos. Como por ejemplo los encabezados o los párrafos.
- elementos de bloque empiezan siempre una nueva linea y ocupan todo el espacio disponible hasta el final de la linea, aunque sus contenidos no lleguen hasta alli. Por ejemplo los enlaces.
<html>
<head>
<title>Diferencia de elementos</title>
</head>
<body>
<h1>Elemento de bloque</h1>
<p>Elemento de bloque</p>
<a href="www.google.com">Elemento en linea</a>
</body>
</html>
Elementos contenedores:
- title - titulo del documento
- script - script incrustado, ha de ser situado entre marcas de cometnarrioas para eu no se interprete.
- style - estilo aplicado al documento utilizando CSS
Elementos no contenedores:
- base - URI base del documento
- isindex - prompt de entrada de datos
- link - enlaces a documentos externos de librerias
- meta informació que agiliza la búsqueda del documento en buscadores
Elementos para dar formato al texto:
- p - delimita los párrafos
- hi - encabezado de nivel i (es un numero de 1 a 6), se utilizan para distinguir párrafos de titulos
- b - elemnto que se pondrá en negrita
- i - elemento en cursiva o itálica
- u - elemento subrayado
- sup - elemento supraindice
- sub - elemento subindice
- strong - elemento que estará resaltado
Hay 3 tipos de listas ordenadas, desordenadas y listas de definición:
- ul - delimitan los elementos que forman una lista desordenada
- ol - delimita los elementos que forman una lista ordenada
- li - indica cada uno de los elementos de una lista
- dl - delimita los elementos que forman una lista de definición
- dt - cada uno de los términos que se definen de una ista de definición
- dd - cada una de las deficiniones de una lista de definición
Elementos para definir una tabla:
- table - delimita el contenido de una tabla
- tr - una linea de una tabla
- td - cada celda de una tabla
- colgroup - permite agrupar columnas
- tbody - permite agrupar lineas de una tabla
- thead - define la linea cabecera de la tabla
- th - delimita cada una de las celdas de una cabecera
- tfoot - define la fila pie de la tabla
- caption - titulo tabla
Elementos de formulario
- form - delimita el contenido del formulario
- input - caja de texto para texto corto
- textarea - caja de texto para texto largo
- select - crea un menú desplegable
- option - delimita cada una de las opciones de un menú desplegable
- button - permite definir un botón
- fieldset - permite agrupar elementos de un formulario
- legend - pone un nombre al fieldset
- label - etiqueta un campo de formulario
Elementos para trabajar con frames
- frameset - define la partición de la ventana del navegador en marcos
- frame - define un marco que contiene información
Otros elementos
- a - permite definir un enlace a una página web, un archivo o una dirección de correo
- img - permite insertar una imagen en una página web
- abbr - indica una forma abreviada
- acronym - indica un acrónimo
- blockquote - contiene u bloque de texto con sangria, para citar otra fuente
- q - contien una cita por lo que el navegador le añade las marcas de citación
- br - inserta una linea en blanco
- <!-- comentario --> - comentarios que no seran mostrados por el navegador
- pre - para mantener espacios en blanco y los saltos en linea
- div - dividir secciones
- span - agrupar palabras y darles un estilo
- adress - para crear una dirección
- em - para mostrar texto en cursiva
- dfn - para definir un termino, para proporcionar al usuario información acerca del significado de alguna palabra
- cite - define el titulo de un trabajo
- hr - se utiliza para separar secciones dentro de la misma página, representando una barra horizontal
Siguiente
Anterior