¿Qué es HTML?🖥
HyperText Markup Language, es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, generalmente se utilizan otras tecnologías para describir la apariencia/presentación de una página web (CSS) o la funcionalidad/comportamiento (JavaScript).
Ejemplos de html en listas ordenadas y desodernadas
.png)
Estructura de documento HTML📜
La estructura HTML de una página web se compone de las etiquetas <html>, que indica el comienzo de la página; <head>, que contiene información más descriptiva sobre el sitio; y <body>, que conforma todos los elementos visibles de la página.
.png)
CSS y JavaScript 📂
Css es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML.
En JavaScript es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML.
.png)
Encabeados y párrafos🧾
Header, footer, main 🗂
Se utilizan para estructurar nuestro html ya que son etiquetas- Main nos indica que lo que está dentro suyo es el contenido principal de la página en la que estamos.
- Header se usa para identificar contenido puede ser usado por cada sección que se lo necesite
- Footer lo utilizamos para indicar información menos importante sobre la sección en la que estemos, contenido relacionado, datos de la web, etc.
Aside, nav🖥
- El (aside) puede estar localizado en cualquier parte del diseño; la etiqueta no define la posición, el elemento <aside> sólo describe la información que engloba, no un lugar en la estructura y se puede utilizar siempre que el contenido no quiera ser considerado como el contenido principal del documento.
- Nav se encuentra dentro de las etiquetas <body>, pero después de las etiquetas de cierre de header (</header), no entre las etiquetas <header>. Esto es porque el <nav> no forma parte del header, si no que es una nueva sección.
Article y section📑
<h2>Titulo de mi post</h2>
<p>Esto es un párrafo de ejemplo</p>
</article>
<!DOCTYPE html> <html lang="es"> <head> <meta charset="iso-8859-1"> <meta name="description" content="Ejemplo de HTML5"> <meta name="keywords" content="HTML5, CSS3, JavaScript"> <title>Este texto es el título del documento</title> <link rel="stylesheet" href="misestilos.css"> </head> <body> <header> <h1>Este es el título principal del sitio web</h1> </header> <nav> <ul> <li>principal</li> <li>fotos</li> <li>videos</li> <li>contacto</li> </ul> </nav> <section> </section> </body> </html>
Elementos de bloque 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.
- Una de ellas son: <img>, <input>
.png)
.png)
- Una etiqueta de bloque, ocupa todo el ancho disponible y no permite que otro elemento se coloque a su lado.
- <h1>, <h2>
.png)
Enlaces y listas📁
Los enlaces permiten la conexión con:
- Una imagen
- Un vídeo
- Un archivo de sonido
- Sitios en la web (u otra página web)
- Acceso a un programa de e-mail
.png){kind=small}
Las listas muestran la lista anteponiendo un punto, cuadrado o triángulo a cada elemento comienzan con la etiqueta <ul> para cada uno de los elementos de la misma se emplea la etiqueta <li> como también <ol> depende si la lista es ordenada o desordenada.
Tablas ⌨
<table>, <td> o <th>, <tr>, <thead>, <tbody> o <tfoot>)
.png)
Formularios🧾
Es una sección de un documento que contiene contenido normal, es una caja de texto que puede contener casillas de verificación, suelen encontrarse en los sitios web para recolectar los datos personales de los usuarios.
.png)
.png)
Conclusión💠
Html y todo lo que lo engloba es fundamental hoy en día, ya que sin html no existiría el Internet que hoy conocemos, el lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
0 Comentarios