HTML 5 y CSS

Elementos de Bloque importantes:
DIV
P
H1,H2,H3,H4,H5
SECTION
MAIN
NAV
TABLE
UL
FORM
FIGURE
AUDIO
VIDEO

Elementos de linea importantes:
IMG
A
INPUT
LABEL
SELECT
TEXTAREA

Media queries
===================
576px     => Dispositivos menores a 576 px pueden ser Celulares
576-768px => Dispositivos entre 576-768px pueden ser Tablets
768px     => Dispositivos mayores a 768px pueden ser Laptops
992px     => Pantallas mas grandes de pc o laptops

MIN-width: se utiliza para Dispositivos Computadoras
MAX-width: se utiliza para Dispositivos Celulares

Optimizar imágenes para web
===========================
Una imagen para la web debe ser como maximo 100kb.
https://tinypng.com/
https://shortpixel.com/

Plugins de Visual Studio Code para PHP

Plugins de Visual Studio Code para PHP
===============================

• Format HTML in PHP
• phpfmt - PHP formatter
• Laravel Blade formatter
• Laravel Blade Snippets
• Laravel Blade Spacer
• Laravel Extra Intellisense
• Laravel goto view
• Laravel Snippets
• Path Intellisense
• PHP Debug
• PHP Intellisense
• PHP Namespace Resolver

phpfmt: Permite Formatear código de PHP
Format HTML in PHP: Permite Formatear código de HTML en PHP

settings.json
"phpfmt.php_bin": "C:/wamp64/bin/php/php7.3.5/php.exe",
"editor.formatOnSave": true,

HTML5 : TABLAS

<table border="1">

        <caption>Productos</caption>

        <thead>

            <tr>

                <th>Nombre</th>

                <th>Precio</th>

                <th>Existencias</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>Refresco</td>

                <td>10.00</td>

                <td>23</td>

            </tr>

            <tr>

                <td>Papas</td>

                <td>12.00</td>

                <td>25</td>

            </tr>

        </tbody>

        <tfoot>

            <tr>

                <td colspan="2">Total</td>

                <td>38</td>

            </tr>

        </tfoot>

    </table>