En esta
entrada explico paso a paso el código del Ejemplo Nº 3
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.
 |
| Ejercicio Nº 3 visto 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
bgcolor="#ffcc22"><!--Empieza el cuerpo. Declara atributo de
color de fondo -->
<div
align="center"> <!--Empieza un Div. Se usa para dividir la página en bloques. En
este caso para centrar el contenido del Div-->
<h1>Taller
de Informática</h1> <!--Título con encabezado de primer nivel -->
<h2>Escritura
de HTML básico</h2> <!--Subtítulo con encabezado de segundo nivel
-->
</div><!--Final
del Div -->
<h3>Fundamentos</h3>
<!-- Subtítulo con encabezado de tercer nivel -->
<p>Escribir
código HTML es básicamente escribir:</p>
<ul><!--Empieza
una lista desordenada -->
<li>Elementos.</li>
<!-- Primer ítem -->
<li>Etiquetas
(tags). </li><!-- Segundo ítem
-->
<li>Atributos.</li><!--
Tercer ítem -->
<li>Contenido.</li><!--
Cuarto ítem -->
</ul><!--
fin de la lista desordenada-->
<p><!--
empieza un párrafo -->
Veamos de
que se tratacada uno de ellos.</p><!-- termina el párrafo -->
<h3>Elementos</h3>
<!-- Subtítulo con encabezado de tercer nivel -->
<p><!--
empieza un párrafo -->
Los
elementos son la estructura básica del HTML. Un elemento comienza con una
etiqueta de apertura, desarrolla un contenido y finaliza con una etiqueta de
cierre. Son excepción a esta regla unos pocos elementos que no tienen contenido
ni utilizan etiqueta de cierre y se los conoce con el nombre de "elementos
vacios". Son ejemplo de ello <br /> (genera un salto de
línea) y <hr /> (inserta una línea horizontal. Como las de ésta
página) .
</p>
<!-- termina el párrafo -->
<hr />
<!-- línea horizontal -->
<h3>Etiquetas
(Tags)</h3> <!-- Subtítulo con encabezado de tercer nivel -->
<p><!--
empieza un párrafo -->
Las
etiquetas o tags son marcas insertadas en un documento HTML para proporcionar
información y control sobre un elemento. En la mayoría de los casos se escriben
de a pares (tag de apertura y tag de cierre) El tag de apertura está compuesto
por el nombre del elemento encerrado por los símbolos de corchete angular
<Nombre del elemento> y el
tag de cierre es declarado exactamente como el tag de apertura pero con una
barra </Nombre del elemento> antepuesta al nombre del tag.
</p>
<!-- termina el párrafo -->
<hr />
<!-- línea horizontal -->
<h3>Atributos</h3>
<!-- Subtítulo con encabezado de tercer nivel -->
<p><!--
empieza un párrafo -->
Los atributos dan
características de presentación especificas a un elemento (por ejemplo, altura,
color, etc.)
Los atributos de un
elemento "siempre" están contenidos (declarados) dentro del tag de
apertura.
</p> <!--
termina el párrafo -->
<hr />
<!-- línea horizontal -->
<h3>Contenido</h3>
<!-- Subtítulo con encabezado de tercer nivel -->
<p><!--
empieza un párrafo -->
Todo lo que sea
escrito entre el tag de apertura y el tag de cierre de un mismo elemento, es
llamado contenido.
</p> <!--
termina el párrafo -->
<hr />
<!-- línea horizontal -->
</body>
<!--Termina el cuerpo del documento HTML -->
</html>
<!--Termina el documento HTML -->
No hay comentarios:
Publicar un comentario