martes, 26 de abril de 2022

Ejemplos básicos de HTML

En este capítulo mostraremos algunos ejemplos básicos de HTML.

No te preocupes si usamos etiquetas de las que aún no has aprendido.

Documentos HTML

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

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

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

Ejemplo

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


¡El <! Declaración DOCTYPE>

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

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

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

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

<!DOCTYPE html>

Encabezados HTML

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

<h1> define el epígrafe más importante. define el epígrafe menos importante: <h6>

Ejemplo

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



Párrafos HTML

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

Ejemplo

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


Enlaces HTML

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

Ejemplo

<a href="https://todoinfoinfo.blogspot.com">This is a link</a>

El destino del vínculo se especifica en el atributo.href

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 etiqueta.<img>

El archivo de origen (), el texto alternativo (), y se proporcionan como atributos:srcaltwidthheight

Ejemplo

<img src="TodoInformación.jpg" alt="todoinfoinfo.blogspot.com" width="104" height="142">



¿Cómo ver la fuente HTML?

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

Ver código fuente HTML:


Haga clic con el botón derecho en una página HTML y seleccione "Ver fuente de página" (en Chrome) o "Ver 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 un área en blanco) y elija "Inspeccionar" o "Inspeccionar elemento" para ver de qué elementos están compuestos (verá tanto el HTML como el CSS). También puede editar el HTML o CSS sobre la marcha en el panel Elementos o Estilos que se abre.


No hay comentarios:

Publicar un comentario

Imágenes HTML

Las imágenes pueden mejorar el diseño y la apariencia de una página web. Ejemplo < img  src ="pic_trulli.jpg"  alt ="Itali...

Política de Privacidad
Este sitio utiliza cookies de Google para analizar el tráfico a este sitio. La información sobre su uso de nuestro sitio se comparte con Google para ese propósito. Acepto Más información