En esta entrada explico paso a paso el código del Ejemplo Nº
2
Tengan presente que los textos que figuran entre <!-- y
--> son comentarios .
Los comentarios no son interpretados por el navegador y su
función es servir como guía para la presente explicación.
 |
| Vista del ejercicio en el navegador (Clic sobre la imagen para agrandar) |
Comienzo del documento
<html> <!--Empieza el
documento HTML -->
<head> <!--Empieza el
encabezado -->
<title>Escribiendo
HTML</title> <!-- Título del documento -->
</head> <!--Termina el
encabezado -->
<body> <!--Empieza el
cuerpo -->
<h1>El HTML</h1>
<!-- Primer título -->
<h2>Cómo se divide</h2>
<!-- Título nivel 2 -->
<ul> <!--Empieza la lista
desordenada -->
<li>Elementos</li> <!-- Primer
ítem -->
<li>Tags</li> <!-- Segundo ítem
-->
<li>Contenido</li> <!-- Tercer
ítem -->
<li>Atributos</li> <!-- Cuarto
ítem -->
</ul> <!-- Termina la
lista -->
<hr /> <!-- Línea
horizontal -->
<h3>Elementos</h3>
<!-- Título nivel 3-->
<p> <!-- empieza párrafo
-->
Los elementos son la estructura
básica del HTML. <br /> <!-- salto de línea -->
Un elemento generalmente está
enmarcado entre dos tags</p> <!-- fin de párrafo -->
<hr /> <!-- Línea
horizontal -->
<h3>Tags</h3> <!--
Título nivel 3-->
<p>También llamados
etiquetas. Son marcas insertadas en un documento HTML para proporcionar
información sobre un elemento o un contenido</p> <!-- párrafo -->
<hr /> <!-- Línea
horizontal -->
<h3>Contenido</h3>
<!-- Título nivel 3-->
<p>Todo lo que sea escrito en
medio del par de tags (apertura y cierre) dentro de un elemento es llamado
contenido. </p> <!-- párrafo -->
<hr /> <!-- Línea
horizontal -->
<h3>Atributos</h3>
<!-- Título nivel 3-->
<p>Los atributos definen
ciertas características de un elemento y están declarados dentro de su tag de
inicio. </p> <!-- párrafo -->
</body> <!--Termina el
cuerpo del documento HTML -->
</html> <!--Termina el
documento HTML -->
No hay comentarios:
Publicar un comentario