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>
El destino del vínculo se especifica en el atributo.href
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:src
alt
width
height
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