Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Elementos y etiquetas básicas de HTML5, Guías, Proyectos, Investigaciones de Programación C

En este documento se presentan los elementos y etiquetas básicas del lenguaje de marcado HTML5, que se utilizan para estructurar y dar características especiales a determinadas secciones o contenidos en una página web. A continuación se detallan sus nombres y descripciones.

Tipo: Guías, Proyectos, Investigaciones

2020/2021

Subido el 13/05/2021

lyam-villareal
lyam-villareal 🇵🇪

1 / 11

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
El código HTML5 está compuesto por un lenguaje de etiquetas que se constituyen en
elementos que entregan características especiales ciertas secciones o contenidos en una
página web.
A continuación encontrarás los elementos o etiquetas HTML con su respectiva
descripción:
Elemento raíz
<!doctype html> Define que el documento esta bajo el estandar de HTML 5
<html> Representa la raíz de un documento HTML o XHTML. Todos los
demás elementos deben ser descendientes de este elemento.
Metadatos del documento
<head> Representa una colección de metadatos acerca del documento,
incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<title> Define el título del documento, el cual se muestra en la barra de
título del navegador o en las pestañas de página. Solamente puede
contener texto y cualquier otra etiqueta contenida no será
interpretada.
<base> Define la URL base para las URLs relativas en la página.
<link> Usada para enlazar JavaScript y CSS externos con el documento
HTML actual.
<meta> Define los metadatos que no pueden ser definidos usando otro
elemento HTML.
<style> Etiqueta de estilo usada para escribir CSS en línea.
Scripting
<script> Define ya sea un script interno o un enlace hacia un script externo.
El lenguaje de programación es JavaScript
<noscript> Define un contenido alternativo a mostrar cuando el navegador no
soporta scripting.
Secciones
<body> Representa el contenido principal de un documento HTML. Solo
hay un elemento <body> en un documento.
<section> Define una sección en un documento.
<nav> Define una sección que solamente contiene enlaces de navegación
<article> Define contenido autónomo que podría existir independientemente
del resto del contenido.
<aside> Define algunos contenidos vagamente relacionados con el resto del
contenido de la página. Si es removido, el contenido restante seguirá
teniendo sentido
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Los elemento de cabecera implementan seis niveles de cabeceras de
documentos; <h1> es la de mayor y <h6> es la de menor
impotancia. Un elemento de cabecera describe brevemente el tema
de la sección que introduce.
<header> Define la cabecera de una página o sección. Usualmente contiene un
logotipo, el título del sitio Web y una tabla de navegación de
contenidos.
<footer> Define el pie de una página o sección. Usualmente contiene un
mensaje de derechos de autoría, algunos enlaces a información legal
o direcciones para dar información de retroalimentación.
<address> Define una sección que contiene información de contacto.
<main> Define el contenido principal o importante en el documento.
Solamente existe un elemento <main> en el documento.
pf3
pf4
pf5
pf8
pf9
pfa

Vista previa parcial del texto

¡Descarga Elementos y etiquetas básicas de HTML5 y más Guías, Proyectos, Investigaciones en PDF de Programación C solo en Docsity!

El código HTML5 está compuesto por un lenguaje de etiquetas que se constituyen en

elementos que entregan características especiales ciertas secciones o contenidos en una

página web.

A continuación encontrarás los elementos o etiquetas HTML con su respectiva

descripción:

Elemento raíz

Define que el documento esta bajo el estandar de HTML 5 Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento.

Metadatos del documento

Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo. Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada. <base> Define la URL base para las URLs relativas en la página. <link> Usada para enlazar JavaScript y CSS externos con el documento HTML actual. <meta> Define los metadatos que no pueden ser definidos usando otro elemento HTML. <style> Etiqueta de estilo usada para escribir CSS en línea.

Scripting

<script> Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programación es JavaScript <noscript> Define un contenido alternativo a mostrar cuando el navegador no soporta scripting.

Secciones

<body> Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento. <section> Define una sección en un documento. <nav> Define una sección que solamente contiene enlaces de navegación <article> Define contenido autónomo que podría existir independientemente del resto del contenido. <aside> Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Los elemento de cabecera implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce. <header> Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una tabla de navegación de contenidos. <footer> Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a información legal o direcciones para dar información de retroalimentación. <address> Define una sección que contiene información de contacto. <main> Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.

Agrupación de Contenido

Define una parte que debe mostrarse como un párrafo.

Representa un quiebre temático entre parrafos de una sección o articulo o cualquier contenido. Indica que su contenido esta preformateado y que este formato debe ser preservado. Representa una contenido citado desde otra fuente. Define una lista ordenada de artículos. Define una lista de artículos sin orden. Define un artículo de una lista ennumerada. Define una lista de definiciones, es decir, una lista de términos y sus definiciones asociadas. Representa un término definido por el siguiente . Representa la definición de los terminos listados antes que él. Representa una figura ilustrada como parte del documento. Representa la leyenda de una figura. Representa un contenedor genérico sin ningún significado especial.

Semántica a nivel de Texto

Representa un hiperenlace , enlazando a otro recurso. Representa un texto enfatizado , como un acento de intensidad. Representa un texto especialmente importante. Representa un comentario aparte , es decir, textos como un descargo de responsabilidad o una nota de derechos de autoría, que no son esenciales para la comprensión del documento. Representa contenido que ya no es exacto o relevante. Representa el título de una obra. Representa una cita textual inline. Representa un término cuya definición está contenida en su contenido ancestro más próximo. Representa una abreviación o un acrónimo ; la expansión de la abreviatura puede ser representada por el atributo title. Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está sólamente en la versión de la WHATWG del estandar HTML, y no en la versión de la W3C de HTML5). Representa un valor de fecha y hora; el equivalente legible por máquina puede ser representado en el atributo datetime. Representa un código de ordenador. Representa a una variable, es decir, una expresión matemática o contexto de programación, un identificador que represente a una constante, un símbolo que identifica una cantidad física, un parámetro de una función o un marcador de posición en prosa. Representa la salida de un programa o un ordenador. Representa la entrada de usuario o usuaria, por lo general desde un teclado, pero no necesariamente, este puede representar otras formas de entrada de usuario o usuaria, como comandos de voz transcritos. , Representan un subíndice y un superíndice, respectivamente. Representa un texto en una voz o estado de ánimo alterno, o por lo menos de diferente calidad, como una designación taxonómica, un término técnico, una frase idiomática, un pensamiento o el nombre de un barco. Representa un texto hacia el cual se llama la atención para propósitos utilitaros. No confiere ninguna importancia adicional y no implica una voz alterna. Representa una anotación no textual sin-articular, como etiquetar un texto como mal escrito o etiquetar un nombre propio en texto en

Representa el título de una tabla. Representa un conjunto de una o más columnas de una tabla. Representa una columna de una tabla. Representa el bloque de filas que describen los datos contretos de una tabla. Representa el bloque de filas que describen las etiquetas de columna de una tabla. Representa los bloques de filas que describen los resúmenes de columna de una tabla. Representa una fila de celdas en una tabla. Representa una celda de datos en una tabla. Representa una celda encabezado en una tabla.

Formularios

Representa un formulario, consistendo de controles que puede ser enviado a un servidor para procesamiento. Representa un conjunto de controles. Representa el título de un . Representa el título de un control de formulario. Representa un campo de datos escrito que permite al usuario o usuaria editar los datos. Representa un botón. Representa un control que permite la selección entre un conjunto de opciones. Representa un conjunto de opciones predefiniddas para otros controles. Representa un conjunto de opciones, agrupadas lógicamente. , o una sugerencia de un elemento . Representa el resultado de un cálculo. Representa el progreso de finalización de una tarea. Representa la medida escalar (o el valor fraccionario) dentro de un rango conocido.

Elementos interactivos

Representa un widget desde el que un usuario o usuaria puede obtener información o controles adicionales. Representa un resumen, título o leyenda para un elemento dado. Representa un comando que un usuario o usuaria puede invocar. Representa una lista de comandos.

Durante la escritura de nuestro sitio web, según los códigos de idioma que usemos,

puede ser necesario utilizar ciertos códigos especiales para las vocales tildadas o

caracteres especiales como arroba, la letra ñ, etc. Lo único que debemos hacer es

reemplazar el caracter especial por el mombre HTML, por ejemplo: la a tildada: á debe

ser reemplazada por el código á en una palabra de ejemplo sería:

palabras con escritura normal:

área de colisión del año 2016

palabras con código HTML:

área de colisión del año 2016

A continuación podrás encontrar 14 diapositivas que muestran una variedad de códigos

que pueden ser de utilidad en estos casos: