Scribd
Carica
3 visualizzazioni2 pagine

Basico HTML

Códigos básicos de HTML

Caricato da

isabelveronicags
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato TXT, PDF, TXT o leggi online su Scribd
3 visualizzazioni2 pagine

Basico HTML

Códigos básicos de HTML

Caricato da

isabelveronicags
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato TXT, PDF, TXT o leggi online su Scribd
Sei sulla pagina 1/ 2

<!

DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guía de Etiquetas HTML</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Guía de Etiquetas HTML</h1>
<p>Una referencia completa de los elementos HTML con un toque
estudiantil.</p>
</header>

<main>
<section>
<h2>Etiquetas de Estructura</h2>
<ul>
<li><code>&lt;html&gt;</code>: Define la raíz del documento
HTML.</li>
<li><code>&lt;head&gt;</code>: Contiene metadatos sobre el
documento.</li>
<li><code>&lt;title&gt;</code>: Define el título del documento (que
aparece en la pestaña del navegador).</li>
<li><code>&lt;body&gt;</code>: Define el cuerpo del documento,
donde se coloca todo el contenido visible.</li>
</ul>
</section>

<section>
<h2>Etiquetas de Texto</h2>
<ul>
<li><code>&lt;h1&gt; - &lt;h6&gt;</code>: Encabezados, de
<code>h1</code> a <code>h6</code> (de mayor a menor importancia).</li>
<li><code>&lt;p&gt;</code>: Define un párrafo.</li>
<li><code>&lt;a&gt;</code>: Define un enlace.</li>
<li><code>&lt;strong&gt;</code>: Define un texto en negrita
(énfasis fuerte).</li>
<li><code>&lt;em&gt;</code>: Define un texto en cursiva (énfasis
leve).</li>
</ul>
</section>

<section>
<h2>Etiquetas de Imagen y Multimedia</h2>
<ul>
<li><code>&lt;img&gt;</code>: Inserta una imagen.</li>
<li><code>&lt;audio&gt;</code>: Inserta un archivo de audio.</li>
<li><code>&lt;video&gt;</code>: Inserta un archivo de video.</li>
</ul>
</section>

<section>
<h2>Etiquetas de Enlace y Navegación</h2>
<ul>
<li><code>&lt;a&gt;</code>: Define un enlace.</li>
<li><code>&lt;nav&gt;</code>: Define una sección de
navegación.</li>
</ul>
</section>

<section>
<h2>Etiquetas de Formulario</h2>
<ul>
<li><code>&lt;form&gt;</code>: Define un formulario.</li>
<li><code>&lt;input&gt;</code>: Define un campo de entrada.</li>
<li><code>&lt;textarea&gt;</code>: Define un área de texto (entrada
de múltiples líneas).</li>
<li><code>&lt;button&gt;</code>: Define un botón.</li>
<li><code>&lt;label&gt;</code>: Etiqueta de un elemento de
formulario.</li>
</ul>
</section>

<section>
<h2>Etiquetas de Tablas</h2>
<ul>
<li><code>&lt;table&gt;</code>: Define una tabla.</li>
<li><code>&lt;tr&gt;</code>: Define una fila en la tabla.</li>
<li><code>&lt;th&gt;</code>: Define una celda de encabezado en una
tabla.</li>
<li><code>&lt;td&gt;</code>: Define una celda en una tabla.</li>
</ul>
</section>

<section>
<h2>Etiquetas de Listas</h2>
<ul>
<li><code>&lt;ul&gt;</code>: Define una lista desordenada.</li>
<li><code>&lt;ol&gt;</code>: Define una lista ordenada.</li>
<li><code>&lt;li&gt;</code>: Define un elemento en una lista.</li>
</ul>
</section>
</main>
</body>
</html>

Potrebbero piacerti anche