Parcial 3
¿Qué es HTML?💻📥
Es un código o lenguaje que se usa para crear la estructura de una pagina web y así poder desplegar sus contenidos tales como, párrafos, viñetas, cuadros o imágenes.
Estructura de documento de HTML📋📊
La estructura se divide en dos; en <head> que información técnica para la pagina web y <body> es el contenido que va a aparecer en la página.
1. CSS y JavaScript📝
JavaScript es un lenguaje que se usa para añadir características interactivas a nuestro sitio web, por ejemplo, formularios, botones presionados)
2. Encabezados y párrafos
Las etiquetas de cabeceras son <h1>,<h2>,<h3> y así consecutivamente, para los párrafos usamos la letra <p>.
3. Header, footer, main
En primer lugar Main; Este elemento nos indica que lo que está dentro suyo es el contenido principal de la página en la que estamos. Sólo puede ser usado una vez por cada página.
Footer; Lo utilizamos para indicar información menos importante sobre la sección en la que estemos, contenido relacionado, datos de la web, etc.
Header; Se usa para identificar contenido que nos sirva de introducción a un bloque de código de nuestro HTML, puede ser usado por cada sección que lo necesite.
4. Aside, Nav
Aside; Se usa principalmente para mostrar información que no es parte principal del documento, sino información adicional, temporal o relacionada en cierta manera con el contenido de la página.
Nav; Fue creado para ofrecer ayuda para la navegación, como en menús principales o grandes bloques de enlaces, y debería ser utilizado de esa manera
5. Article y section
Article; Esto es usado para agrupar contenido que puede ser reutilizado en otras partes de nuestra web o aplicación. Cada conjunto de información puede ser incluída en este elemento.
Section; Se utiliza para diferenciar secciones. Si vamos a usar section lo ideal es que usemos también un aria-label que describa de qué trata esa sección, de esta forma un lector de pantallas podría anunciarlo al lector.
Elementos de bloques y línea
Una etiqueta de línea es aquella que ocupa el espacio mínimo necesario en horizontal, y permite que otro elemento se coloque a su lado. En cambio una etiqueta de bloque, ocupa todo el ancho disponible y no permite que otro elemento se coloque a su lado (aunque aparentemente tenga lugar suficiente).
Etiquetas de línea más usadas
<a>, <span>, <strong>, <img>, <input>, <code>
Etiquetas de bloque más usadas
<h1>, <h2>, <h3>, <p>, <ul>, <li>, <div>, <header>, <nav>, <section>, <article>, <footer>, <form>, <table>
Enlaces, listas y tablas
Las listas en HTML nos permiten crear conjuntos de elementos en forma de lista dentro de una página, todos los cuales irán precedidos, generalmente, por un guion o número.
Los tipos de listas en HTML son los siguientes:
- Listas ordenadas <ol> <ol>
- Listas desordenadas <ul> <ul>
En HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="/" donde se escribe la ubicación del archivo de destino que puede estar en la misma carpeta que el archivo que lo está llamando, en otra carpeta del mismo sitio o en otro sitio web.
Tipos de enlaces
- Enlaces internos: <a href="/contacto.html">Contáctenos</a>.
- Enlaces externos: <a href="https://www.itecad.com" target="_blank">Ir a ITECAD</a>
Tablas📈📉
Una tabla puede ser considerada, resumidamente, como un grupo de filas donde cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de columnas que contiene a un grupo de filas, y esta diferencia tendrá un impacto en la composición y comportamiento de la tabla.
Conclusión📒📑
HTML es el idioma internacional de la Red. Es un simple lenguaje que permite a los publicadores web crear páginas complejas de texto e imágenes, que pueden ser vistas por cualquiera, sin que importe que clase de ordenador o navegador se esté usando.
0 Comentarios