Scribd
Cargar
0 vistas4 páginas

HTML Básico

Este documento proporciona una introducción básica a HTML, incluyendo la estructura de un documento HTML y ejemplos de etiquetas como <h1>, <p>, <a>, y <img>. Se explica la importancia de la declaración <!DOCTYPE> y cómo visualizar el código fuente de una página web. Además, se mencionan los atributos que se pueden usar para proporcionar información adicional sobre los elementos HTML.

Cargado por

dras199605mar
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0 vistas4 páginas

HTML Básico

Este documento proporciona una introducción básica a HTML, incluyendo la estructura de un documento HTML y ejemplos de etiquetas como <h1>, <p>, <a>, y <img>. Se explica la importancia de la declaración <!DOCTYPE> y cómo visualizar el código fuente de una página web. Además, se mencionan los atributos que se pueden usar para proporcionar información adicional sobre los elementos HTML.

Cargado por

dras199605mar
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

19/3/23, 14:03 HTML básico

Ejemplos básicos de HTML


❮ Anterior Próximo ❯
En este capítulo mostraremos algunos ejemplos básicos de
HTML.

No se preocupe si usamos etiquetas que aún no conoce.

Documentos HTML
Todos los documentos HTML deben comenzar con una declaración de tipo de
documento: <!DOCTYPE html> .

El documento HTML en sí comienza <html> y termina con </html> .

La parte visible del documento HTML está entre <body> y </body> .

Ejemplo
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>

Inténtalo tú mismo "

La Declaración <!DOCTYPE>
La <!DOCTYPE> declaración representa el tipo de documento y ayuda a los navegadores a
mostrar correctamente las páginas web.

Solo debe aparecer una vez, en la parte superior de la página (antes de cualquier etiqueta
HTML).

La <!DOCTYPE> declaración no distingue entre mayúsculas y minúsculas.

[Link] 1/4
19/3/23, 14:03 HTML básico

La <!DOCTYPE> declaración para HTML5 es:

<!DOCTYPE html>

Encabezados HTML
Los encabezados HTML se definen con las etiquetas <h1> to <h6> .

<h1> define el encabezado más importante. <h6> define el encabezado menos importante:

Ejemplo
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

Inténtalo tú mismo "

ANUNCIO

Párrafos HTML
Los párrafos HTML se definen con la <p> etiqueta:

[Link] 2/4
19/3/23, 14:03 HTML básico

Ejemplo
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Inténtalo tú mismo "

Enlaces HTML
Los enlaces HTML se definen con la <a> etiqueta:

Ejemplo
<a href="[Link] is a link</a>

Inténtalo tú mismo "

El destino del enlace se especifica en el href atributo.

Los atributos se utilizan para proporcionar información adicional sobre los elementos HTML.

Aprenderá más sobre los atributos en un capítulo posterior.

Imágenes HTML
Las imágenes HTML se definen con la <img> etiqueta.

El archivo de origen ( src ), el texto alternativo ( alt ), width y height se proporcionan como
atributos:

Ejemplo
<img src="[Link]" alt="[Link]" width="104" height="142">

[Link] 3/4
19/3/23, 14:03 HTML básico

Inténtalo tú mismo "

Cómo ver la fuente HTML


¿Alguna vez has visto una página web y te has preguntado "¡Oye! ¿Cómo hicieron eso?"

Ver código fuente HTML:


Haga clic derecho en una página HTML y seleccione "Ver código fuente" (en Chrome) o "Ver
código fuente" (en Edge), o similar en otros navegadores. Esto abrirá una ventana que contiene
el código fuente HTML de la página.

Inspeccionar un elemento HTML:


Haga clic con el botón derecho en un elemento (o en un área en blanco) y elija "Inspeccionar" o
"Inspeccionar elemento" para ver de qué están compuestos los elementos (verá tanto el HTML
como el CSS). También puede editar HTML o CSS sobre la marcha en el panel Elementos o
Estilos que se abre.

[Link] 4/4

También podría gustarte