La etiqueta <html> es el elemento raíz de un documento HTML. Envuelve todo el contenido del documento y se utiliza para definir el tipo y la estructura del documento.<\/p>\n\n\n\n
- \n
- \u2022 <head>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <head> contiene informaci\u00f3n meta sobre el documento HTML, incluyendo elementos como <title>, <meta>, <link>, y <style>. No se muestra directamente en la p\u00e1gina web, pero proporciona informaci\u00f3n esencial para navegadores y motores de b\u00fasqueda.<\/p>\n\n\n\n
- \n
- \u2022 <body>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <body> encierra el contenido principal del documento HTML. Incluye elementos como texto, imágenes, enlaces, listas y más. Esta es la parte del documento que es visible para los usuarios en un navegador web.<\/p>\n\n\n\n
- \n
- \u2022 <h1> a <h6>:<\/strong><\/li>\n<\/ul>\n\n\n\n
Estas etiquetas representan niveles de encabezado del 1 al 6, siendo <h1> el nivel más alto y <h6> el más bajo. Se utilizan para definir la jerarquía y la estructura de los encabezados del documento.<\/p>\n\n\n\n
- \n
- \u2022 <p>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <p> define un párrafo de texto. Se utiliza comúnmente para estructurar y separar bloques de texto en una página web.<\/p>\n\n\n\n
- \n
- \u2022 <a>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <a> (ancla) se utiliza para crear hipervínculos. Puede enlazar a otras páginas web, recursos o ubicaciones dentro de la misma página.<\/p>\n\n\n\n
![\"\"](\"http:\/\/sgdesign.com.co\/wp-content\/uploads\/2023\/11\/etiquetasUno-1024x742.png\")
<\/figure>\n\n\n\n- \n
- \u2022 <img>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <img> se utiliza para incrustar imágenes en una página web. Requiere el atributo src para especificar el archivo de la imagen y el atributo alt para el texto alternativo.<\/p>\n\n\n\n
- \n
- \u2022 <ul>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <ul> (lista no ordenada) se utiliza para crear una lista con vi\u00f1etas. Cada elemento de la lista se define utilizando la etiqueta <li>.<\/p>\n\n\n\n
- \n
- \u2022 <ol>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <ol> (lista ordenada) se utiliza para crear una lista numerada. Al igual que <ul>, tambi\u00e9n utiliza la etiqueta <li> para cada elemento de la lista.<\/p>\n\n\n\n
- \n
- \u2022 <li>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <li> se utiliza dentro de <ul> o <ol> para definir elementos individuales de la lista.<\/p>\n\n\n\n
- \n
- \u2022 <table>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <table> se utiliza para crear una tabla para organizar y mostrar datos. Típicamente incluye <tr>, <th>, y <td> para filas de tabla, encabezados y celdas de datos, respectivamente.<\/p>\n\n\n\n
- \n
- \u2022 <tr>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <tr> (fila de tabla) define una fila en una tabla HTML. Se utiliza en conjunto con <th> y <td> para estructurar la tabla.<\/p>\n\n\n\n
- \n
- \u2022 <th>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <th> (encabezado de tabla) define una celda de encabezado en una tabla HTML. Se utiliza típicamente en la primera fila o columna de la tabla para etiquetar el contenido.<\/p>\n\n\n\n
- \n
- \u2022 <td>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <td> (dato de tabla) define una celda de datos dentro de una tabla HTML. Contiene el contenido real de la tabla.<\/p>\n\n\n\n
- \n
- \u2022 <form>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <form> se utiliza para crear un formulario HTML que permite a los usuarios ingresar datos. Puede incluir varios elementos de entrada como campos de texto, casillas de verificaci\u00f3n, botones de radio y botones.<\/p>\n\n\n\n
- \n
- \u2022 <input>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <input> se utiliza para crear diferentes tipos de campos de entrada dentro de un formulario, como texto, contrase\u00f1a, casilla de verificaci\u00f3n, bot\u00f3n de radio, etc.<\/p>\n\n\n\n
- \n
- – <button>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <button> se utiliza para crear botones clicables en una p\u00e1gina web. A menudo se utiliza dentro de formularios para enviar o restablecer los datos del formulario.<\/p>\n\n\n\n
- \n
- \u2022 <div>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <div> define una división o sección de una página web. Es un contenedor genérico que se utiliza a menudo con fines de estilo o para agrupar y estructurar contenido.<\/p>\n\n\n\n
- \n
- \u2022 <span>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <span> define una pequeña sección en línea de una página web. Al igual que <div>, a menudo se utiliza con fines de estilo o para aplicar estilos a partes específicas del texto.<\/p>\n\n\n\n
- \n
- \u2022 <br>:<\/strong><\/li>\n<\/ul>\n\n\n\n
La etiqueta <br> se utiliza para insertar un salto de línea en el texto, forzando que el contenido que sigue a la etiqueta aparezca en la siguiente línea. Es una etiqueta que no requiere una etiqueta de cierre.<\/p>\n\n\n\n
![\"\"](\"http:\/\/sgdesign.com.co\/wp-content\/uploads\/2023\/11\/etiquetasDos-1024x817.png\")
<\/figure>\n\n\n\nAl utilizar estas etiquetas, los desarrolladores web pueden crear sitios web que sean m\u00e1s accesibles, estructurados y visualmente atractivos. Las diferentes etiquetas permiten una mayor flexibilidad en la organizaci\u00f3n y presentaci\u00f3n del contenido, facilitando la navegaci\u00f3n y el consumo de informaci\u00f3n en una p\u00e1gina web.<\/p>","protected":false},"excerpt":{"rendered":"
HTML 5, la \u00faltima versi\u00f3n del lenguaje est\u00e1ndar utilizado para crear p\u00e1ginas web, trae consigo numerosas caracter\u00edsticas y mejoras. Entre ellas, se encuentran un conjunto de etiquetas que los desarrolladores web pueden utilizar para crear y estructurar el contenido de manera m\u00e1s f\u00e1cil. En este blog, exploraremos las etiquetas m\u00e1s frecuentemente utilizadas en HTML 5. […]<\/p>","protected":false},"author":1,"featured_media":1610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[29],"tags":[],"class_list":["post-1611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-novedades-de-diseno-web"],"_links":{"self":[{"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/posts\/1611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/comments?post=1611"}],"version-history":[{"count":11,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/posts\/1611\/revisions"}],"predecessor-version":[{"id":1629,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/posts\/1611\/revisions\/1629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/media\/1610"}],"wp:attachment":[{"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/media?parent=1611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/categories?post=1611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgdesign.com.co\/en\/wp-json\/wp\/v2\/tags?post=1611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- \u2022 <br>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <span>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <div>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- – <button>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <input>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <form>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <td>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <th>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <tr>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <table>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <li>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <ol>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <ul>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <img>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <a>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <p>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <h1> a <h6>:<\/strong><\/li>\n<\/ul>\n\n\n\n
- \u2022 <body>:<\/strong><\/li>\n<\/ul>\n\n\n\n