El documento describe varios elementos HTML que se pueden usar para estructurar y dar formato al contenido de una página web. Incluye elementos para la cabecera, navegación, secciones, texto, tablas, formularios, multimedia e integración de contenido externo. También cubre elementos semánticos para dar significado a las palabras y frases, y elementos interactivos como botones y cajas de diálogo.
0 calificaciones0% encontró este documento útil (0 votos)
20 vistas6 páginas
El documento describe varios elementos HTML que se pueden usar para estructurar y dar formato al contenido de una página web. Incluye elementos para la cabecera, navegación, secciones, texto, tablas, formularios, multimedia e integración de contenido externo. También cubre elementos semánticos para dar significado a las palabras y frases, y elementos interactivos como botones y cajas de diálogo.
El documento describe varios elementos HTML que se pueden usar para estructurar y dar formato al contenido de una página web. Incluye elementos para la cabecera, navegación, secciones, texto, tablas, formularios, multimedia e integración de contenido externo. También cubre elementos semánticos para dar significado a las palabras y frases, y elementos interactivos como botones y cajas de diálogo.
El documento describe varios elementos HTML que se pueden usar para estructurar y dar formato al contenido de una página web. Incluye elementos para la cabecera, navegación, secciones, texto, tablas, formularios, multimedia e integración de contenido externo. También cubre elementos semánticos para dar significado a las palabras y frases, y elementos interactivos como botones y cajas de diálogo.
Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
Descargar como docx, pdf o txt
Está en la página 1/ 6
Metadatos del documento
- Los metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos que ayudan al software, os metadatos de estilos y scripts pueden estar definidos en la página o estar enlazados a otro fichero que contiene la información.
<base> especifica la dirección URL base que se utilizará para todas las direcciones URL relativas contenidas dentro de un documento. Sólo puede haber un elemento <base> en un documento. <head> provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos <link> especifica la relación entre el documento actual y un recurso externo es más frecuentemente usado para enlazar css <meta> <style> <title> define el título del documento que se muestra en un Browser la barra de título o la pestaña de una página.
Seccionamiento básico - Los elementos de seccionamiento del contenido te permiten organizar los contenidos del documento en partes lógicas.
<body> representa el contenido de un documento HTML.
<address> aporta información de contacto para su article más cercano o ancestro body; en el último caso lo aplica a todo el documento. <article> <article> representa una sección de una página que consiste en contenido que está indirectamente relacionado con el contenido principal del documento. a menudo representadas como barras laterales, publicidad, la biografía del autor, o en aplicaciones web, <footer> representa un pie de página para el contenido de sección más cercan <header> <h1> Los elementos de encabezado implementan seis niveles de encabezado del documento, <main> representa el contenido principal del body de un documento o aplicación. El área principal del contenido consiste en el contenido que está directamente relacionado <nav> representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos. <section> representa una sección genérica de un documento. Sirve para determinar qué contenido corresponde a qué parte de un esquema. Su funcionalidad principal es estructurar semánticamente un documento a la hora de ser representado por parte de un agente usuario
Contenido del texto
- Su funcionalidad principal es estructurar semánticamente un documento a la hora de ser representado por parte de un agente usuario <blockquote> <dd> <div> <dl> representa una lista descriptiva. El elemento encierra una lista de grupos de términos (especificados con el uso del elemento dt) y de descripciones (proveídas con elementos dd). usos comunes par este elemento son implementar un glosario <dt> especifica un término en una descripción o lista de definiciones, y como tal debe utilizarse dentro de un elemento dl Es usualmente seguido por un elemento dd <figcaption> representa un subtítulo o leyenda asociado al contenido del elemento padre figure, pudiendo ser colocado como primer o último hijo <figure> Por lo general, se trata de una imagen, una ilustración, un diagrama, un fragmento de código, o un esquema al que se hace referencia en el texto principal, <hr/> <menu> <ol> <p> <pre> representa texto preformateado. El texto en este elemento típicamente se muestra en una fuente fija, no proporcional, exactamente como es mostrado en el archivo. Los espacios dentro de este elemento también son mostrados como están escritos. <ul> Semantic de texto - Utilice la semántica del texto en línea HTML para definir el significado, estructura, o el estilo de una palabra, <a> crea un enlace a otras páginas de internet, archivos o ubicaciones dentro de la misma página <abbr> <b> b de bold=negrita. <bdi> elemento de aislamiento Bi-Direccional) aisla un trozo de texto para que pueda ser formateado con una dirección diferente al texto que hay fuera de él. <bdo> Directional Overriding=Anulación de bidireccionalidad. <br> break <br> produce un salto de línea en el texto (retorno de carro). <cite> <code> <data> vincula un contenido dado con una traducción legible por una máquina <dfn> <em> es el apropiado para marcar con énfasis las partes importantes de un texto. puede ser anidado, con cada nivel de anidamiento indicando un mayor grado de énfasis. <i> <mark> representa un texto marcado o resaltado como referencia o anotación, <q> indica que el texto adjunto es una cita corta en línea. La mayoría de los navegadores modernos implementan esto rodeando el texto entre comillas. <samp> se utiliza para incluir texto en línea que representa una muestra (o cita) <small> hace el tamaño del texto una talla más pequeña (por ejemplo, de largo a mediano, o de pequeño a extra pequeño) que el tamaño mínimo de fuente del navegador. <span> <strong> <sub> define un fragmento de texto que se debe mostrar, por razones tipográficas, más bajo, y generalmente más pequeño, que el tramo principal del texto, es decir, en subíndice. <sup> define un fragmento de texto que se debe mostrar, por razones tipográficas, más alto, y generalmente más pequeño, que el tramo principal del texto, es decir, en superíndice. <time> representa un periodo específico en el tiempo. Puede incluir el atributo datetime para convertir las fechas en un formato interno legible por un ordenador, <u> <var> <wbr> representa una posición dentro del texto donde el explorador puede opcionalmente saltar una línea
Imagen y multimedia - HTML soporta varios recursos multimedia como imágenes, audio, y video. <area> area de area=área <audio> El elemento audio se usa para insertar contenido de audio en un <img> El elemento de imagen HTML <img> representa una imagen en el documento. <map> <track> se utiliza como elemento hijo de los elementos multimedia, audio y video. Le permite especificar pistas de texto cronometradas (o datos basados en el tiempo) <video> El elemento video se utiliza para incrustar vídeos en un documento HTML o XHTML.
Contenido incrustado <embed> representa un punto de integración para una aplicación externa o de contenido interactivo (en otras palabras, un plug-in). <iframe> representa un contexto de navegación anidado, el cual permite incrustrar otra página HTML en la página actual. <object> representa un recurso externo, que puede ser tratado como una imagen, un contexto de navegación anidado, o como un recurso que debe ser manejado por un plugin. <picture> es un contenedor usado para especificar múltiples elementos source y un elemento img contenido en él para proveer versiones de una imagen para diferentes escenarios de dispositivos. <source> especifica recursos de medios múltiples para los elementos picture, audio, o video. Es un elemento vacío. scripting especifica recursos de medios múltiples para los elementos picture, audio, o video. Es un elemento vacío. <canvas> se puede utilizar para dibujar gráficos a través de secuencias de comandos (por lo general JavaScript ). <noscript> <script> Ediciones demarcadas - Estos elementos permiten proporcionar indicios de que determinadas partes del texto han sido alteradas. <del> <ins>
Tablas - Estos elementos son usados para crear y manejar datos tabulados. <caption> <col> <colgroup> <table> <tbody> <td> define la celda de una tabla que contiene datos <tfoot> <th> define una celda como encabezado de un grupo de celdas en una tabla. La naturaleza exacta de este grupo está definida por los atributos scope y headers. <thead> <tr>
formularios <button> <datalist> contiene un conjunto de elementos option que representan los valores disponibles para otros controles. <fieldset> <form> representa una sección de un documento que contiene controles interactivos que permiten a un usuario enviar información a un servidor web. <input> se usa para crear controles interactivos para formularios basados en la web con el fin de recibir datos del usuario. <label> representa una etiqueta para un elemento en una interfaz de usuario. <legend> <meter> <option> se usa para representar un item dentro de un select, un optgroup o un elemento HTML5 datalist . <progress> se utiliza para visualizar el progreso de una tarea. Aunque los detalles de cómo se muestran depende directamente del navegador que utiliza el cliente, aunque básicamente aparece una barr progreso. -<select> representa un control que muestra un menú de opciones. Las opciones contenidas en el menú son representadas por elementos option, <textarea> representa un control para la edición mutilínea de texto sin formato.
Elementos interactivos <details> es usado como un widget de revelación a través del cual el usuario puede obtener información adicional . <dialog> representa una caja de diálogo u otro componente interactivo, como inspector o ventana.
Componentes web - Los Componentes Web son una tecnología relacionada con HTML que hacen que sea posible, en esencia, crear y personalizar elementos como si fueran HTML normal. Además, pueden crear versiones personalizadas de los elementos HTML estándar. <content> es usado dentro de un Shadow DOM como un insertion point . No está pensado para ser usado en HTML ordinario <slot> es un placeholder en un componente que tu puedes llenar con tu propio marcado, que te permite crear árboles DOM por separado y presentarlos juntos. <template> es un mecanismo para mantener el contenido HTML del lado del cliente que no se renderiza cuando se carga una página, pero que posteriormente puede ser instanciado durante el tiempo ejecución empleando JavaScript Atributos globales accesskey Define una tecla que activa o agrega un foco al elemento. class Usualmente empleado con CSS para aplicar estilos a elementos con propiedades en comun. contenteditable Indica si el contenido del elemento es editable. contextmenu Define el ID del elemento <menu> que servira como menú de contexto para otro elemento. data-* Permite asociar atributos presonalizados a un elemento HTML. dir Define la dirección del texto. Los valores permitidos son ltr (Izquierda-a-Derecha) o rtl (Derecha-a-Izquierda). draggable Define si el elemento puede ser arrastrado. dropzone Indica que el elemento acepta contenido soltado en el mismo. hidden Evita la prestación del elemento dado, manteniendo los elementos secundarios, p.ej. los elementos de script id Identificador el elemento para acceder al mismo desde CSS o Javascript, este indicador debe ser unico para cada elemento. itemprop Indica que el elemento contiene el valor de la propiedad especificada de un conjunto. lang Define el lenguaje utilizado en el elemento. spellcheck Indica si se permite la corrección ortográfica para el elemento. style Define los estilos CSS que anulan los estilos establecidos previamente. tabindex Sobrescribe el orden de tabulacion del navegador y usa el especificado. title Texto a ser mostrado cuando el cursor esté sobre el elemento.
Accept Lista de tipos aceptados por el servidor, usualmente un tipo de archivo. <form>, <input> accept-charset Lista de juegos de caracteres soportados. <form> Action La URL del programa que procesa la información enviada en el formulario. <form> Align Especifica el alineamiento horizontal del elemen <hr>, <iframe>, <img>, <table>, <tbody> (en-US), <td>, <tfoot> (en-US) , <th>, <thead> (en-US), <t Alt Texto alternativo en caso de que la imagen no se pueda mostrar. <applet>, <area>, <img>, <input> Async Indica que el script debería ejecutarse asincrónicamente. <script> (en-US) Autocomplete Indica si los controles en este formulario pueden tener por defecto sus valores completados automáticamente por el navegador. <form>, <input> Autofocus El elemento debería recibir foco automáticamente después de haberse cargado la página. <button>, <input>, <keygen>, <select>, <textarea> Autoplay El audio o video debería empezar lo antes posible. <audio>, <video> Charset Declara la codificación de caracteres de la página o del script. <meta>, <script> (en-US) Checked Indica que el elemento debería estar marcado al cargar la página <input> Cite Contiene una URL que apunta a la fuente de la cita o cambio. <blockquote>, <del>, <ins>, <q> Cols Define el número de columnas en un área de texto. <textarea> Colspan Define el número de columnas que una celda debe contener <textarea> Content Un valor asociado con http-equiv o name dependiendo del contexto. <meta> Controls Indica si el navegador debe mostrar controles de reproduccion al usuario. <audio>, <video> Data Especifica la URL del recurso. <object> Default Indica que la pista debe estar habilitada a menos que las preferencias del usuario indiquen algo diferente. <track> Defer Indica que el código debe ser ejecutado despues de que la página este cargada. <script> (en-US) Dirname Indica la dirección del texto asociada con el elemento al momento de enviar el formulario. <script> (en-US) Disabled Indica si el usuario puede interactuar con el elemento. <button>, <command>, <fieldset>, <input>, <keygen>, <option>, <select>, <textarea> Download Indica que el hipervínculo es utilizado para descargar un recurso. <a>, <area> Enctype Define el tipo de contenido del formulario cuando el método del mismo es POST. <form> For Describe elementos que pertenecen a éste. <label>, <output> (en-US) Form Indica el formulario al que pertenece el elemento. <button>, <fieldset>, <input>, <keygen>, <label>, <meter> (en-US), <object>, <output> (en-U <progress>, <select>, <textarea> Formaction Indica la acción del elemento, anulando la acción definida en <form>. <input>, <button> Headers IDs de los elementos <th> que aplican a este elemento. <input>, <button> Href La URL de un recurso asociado. <a>, <area>, <base>, <link> Hreflang Especifica el lenguaje del recurso asociado. <a>, <area>, <link> http-equiv Indica una directiva que puede alterar el comportamiento de la página y como es leida por los exploradores. <meta> Ismap Indica que la imagen es parte de un mapa de imagen del servidor. <img> Language Define el lenguage (de programación) utilizado en el elemento. <script> (en-US) List Identifica una serie de valores predefinidos para ser sugeridos al usuario. <script> (en-US) Max Indica el máximo valor aceptado. <input>, <meter> (en-US), <progress> Maxlength Define el mayor número de caracteres aceptados. <input>, <textarea> Media Da un indicio del tipo de medio para el cual el recurso vinculado fue creado. <a>, <area>, <link>, <source>, <style> Min Indica el valor mínimo aceptado. <a>, <area>, <link>, <source>, <style> Multiple Indica si múltiples valores pueden ser ingresados. <input>, <select> Name Nombre del elemento. Por ejemplo utilizado por el servidor para identificar los campos en el envio de formularios. muchos Pattern Define una expresion regular con la cual el valor del elemento debe ser validado. <input> Ping Indica si se enviara un ping o notificacion a la URL del recurso cuando el usuario utlize el vinculo. <a>, <area> Placeholder Proporciona una sugerencia al usuario de lo que puede ser introducido en el campo. <a>, <area> Readonly Indica si el elemento puede ser editado por el usuario. <input>, <textarea> Rel Especifica la relación entre el objeto destino y el objeto enlace. <input>, <textarea> Required Indica si se requiere rellenar o no este elemento. <input>, <textarea> Reversed Indica si la lista debe ser mostrada en orden descendente en vez de ascendente. <ol> Rows Define el número de filas en un área de texto. <ol> Rowspan Define el número de filas que una celda de una tabla debe abarcar <ol> Scope Define las celdas que la cabecera definió en este elemento. <ol> Selected Define un valor que será seleccionado al cargar la página <ol> Size Define el ancho del elemento (en píxeles). Si el atributo del elemento es del tipo text o password entonces es el número de caracteres <input>, <select Sizes Define los tamaños en los que el icono puede ser cargado. <link>, <img>, <source> Src La URL del contenido integrable. <audio>, <embed>, <iframe>, <img>, <input>, <script> (en-US), <source>, <track>, <video> Srcdoc Especifica el contenido de la página incluida. <iframe> Start Define el número inicial de la lista (si es diferente a 1). <ol> Step Indica el valor del incremento para un valor numerico o de fecha. <input> Target Especifica el marco destino en un vínculo. Valores especiales: "_blank" indica una nueva ventana, "_parent" indica el marco padre del marco que contiene el código fuente, "_self" indica el marco donde está el código fuente y "_top" indica la ventana completa del navegador. Type Define el tipo de elemento. <a>, <area>, <base>, <form> Value Define el valor predeterminado a ser mostrado al cargar la página. <button>, <option>, <input>, <li>, <meter> (en-US), <progress>, <param> - * - * -* - * - * - * -* - * - * - * https://developer.mozilla.org/es/docs/Web/HTML
