HTML
Estructura
Imagina que deseas crear una estructura básica de una página que incluye un encabezado, una sección principal y un pie de página.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Mi Página Web</title>
</head>
<body>
<header>
<h1>ADSI</h1>
</header>
<main>
<p>Contenido principal de la página.</p>
</main>
<footer>
<p>Pie de página.</p>
</footer>
<script></script>
</body>
</html>
UTF-8 (Unicode Transformation Format-8) es un estándar de codificación de caracteres que se utiliza ampliamente en HTML y documentos web para garantizar la visualización correcta del texto en varios idiomas y sistemas de escritura.
<meta charset="UTF-8">
Etiquetas
Las etiquetas HTML son elementos fundamentales en la creación de páginas web. Aquí tienes algunas de las más comunes:
Etiqueta <html>: Define el inicio y el final de un documento HTML.
Etiqueta <head>: Contiene información sobre el documento como el título (<title>), metadatos (<meta>), enlaces a estilos (<link>), scripts (<script>), etc.
Etiqueta <body>: Contiene todo el contenido visible de la página web, como texto, imágenes, enlaces, vídeos, etc.
Etiqueta <div>: Define una división o sección en el documento para agrupar elementos y aplicar estilos.
Etiqueta <p>: Define un párrafo de texto.
Etiqueta <a>: Define un enlace a otra página web o recurso.
Etiqueta <img>: Inserta una imagen en la página web.
Etiqueta <ul> y <ol>: Crean listas sin ordenar (<ul>) y ordenadas (<ol>), respectivamente.
Etiqueta <li>: Define un elemento de lista dentro de <ul> o <ol>.
Etiqueta <table>: Define una tabla.
Etiqueta <tr>: Define una fila dentro de una tabla.
Etiqueta <td>: Define una celda dentro de una fila de tabla.
Etiqueta <form>: Define un formulario para enviar datos al servidor.
Etiqueta <input>: Define un control de entrada en un formulario, como un campo de texto, un botón, una casilla de verificación, etc.
Etiqueta <textarea>: Define un área de texto multilinea dentro de un formulario.
Etiqueta <label>: Define una etiqueta descriptiva para un control de formulario con el atributo for.
Etiqueta <button>: Define un botón.
Etiqueta <style>: Contiene estilos CSS para aplicar al documento.
Etiqueta <script>: Define un script de JavaScript.
Comentario en HTML
<!-- Comentario-->