Appearance
HTML
HTML es el lenguaje de marcado estándar para crear páginas web. Nos permite definir la estructura de una página y su contenido. En esta sección veremos los elementos básicos de HTML y como podemos darle usarlos para separar de forma efectiva nuestro contenido.
🔩 Estructura
Estructura básica de un documento HTML.
Conceptos: <!DOCTYPE>, <html>, <head>, <meta>, <title>, <body>
🧩 Elementos
Elementos básicos de HTML.
Conceptos: <h1> a <h6>, <p>, <a>, <img>, <ul>, <ol>, <li>, <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>, <div>, <span>, <form>, <input>, <button>, <label>, <textarea>, <select>, <option>
🏓 Inputs
El usuario puede interactuar con nuestra página web a través de los inputs. En esta sección veremos los diferentes tipos que existen y como podemos usarlos.
Conceptos: <input>, <button>, <label>, <textarea>, <select>, <option>
📦 Contenedores
Hablaremos de los contenedores genericos más usados, div y span.
Conceptos: <div>, <span>
🍱 Bloque vs Inline
Los elementos de bloque y los elementos inline se comportan de forma diferente en algunas situaciones, es importante saber cuando usar cada uno.
Conceptos: Bloques, Inline
📝 Propiedad data
Esta propiedad nos permite almacenar información adicional sobre el elemento, y poder acceder a ella desde JavaScript o CSS.
Conceptos: data-*, getAttribute()
Formularios
Los formularios nos permiten enviar información al servidor. Es la mejor forma de usar inputs para interactuar con el usuario.
Conceptos: <form>, <input>, <button>, <label>, <textarea>, <select>, <option>, method, action
Validaciones
Las validaciones desde el lado del cliente nos permiten comprobar que los datos introducidos por el usuario son correctos antes de enviarlos al servidor.