paso 07: Escribe en el documento "index.html" que creaste las primeras lineas. Asi:
<HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>
Todo documento HTML debe de contener los elementos anteriores. No vamos a entrar en detalles, pero
ten claro que cualquier texto que se encuentre escrito entre el signo "menor que" y "mayor que", son las llamadas etiquetas
(en ingles Tags). Y cada uno de ellas tiene un gran significado en la distribucion, diseño y estructuraen la vista de la
pagina.
En la parte inferior derecha de AceHTML se ven dos pestañas: una de ellas se llama "Editor" y es la parte donde editamos
el codigo, es decir donde te encuentras. La otra pestaña se llama "Viewer" esta pestaña sirve para ver lo que consegues
con el codigo que escribes, es decir la apariencia de la pagina. En este momento pudes dar clic en "Viewer" para ver lo
que has logrado. Debe de aparecer una pagina en blanco. Vamos a agregar algo para empezar a ver resultados de verdad.
paso 08: Vamos a empezar asignar espacios en el cuerpo de trabajo, es decir en el BODY. Vamos a crear un espacio para lo que sera el encabezado. escribe las siguientes lineas como se indica en la imagen 3, van entre el cuerpo de la pagina es decir entre <BODY> y </BODY>
Voy a explicarte brevemente lo que acabas de hacer. En primer lugar dale clic a "Viewer" para ver lo
que logras con esas lineas que escribiste en el editor. deberas ver una franja negra en a parte superior con un escrito
centrado que debe de decir "Nombre del Sitio WEB". Piensa en el nombre del sitio WEB que le vas a poner y cambia el texto
anterior.
Como aparecio esto?. Pues bueno lo que acabas de agregar es una tabla, y le has dicho como debe de mostrarse: que tamaño,
que color..., la primera propiedad que le diste fue "bgcolor" o color de fondo, le diste "black" es decir negro. Despues de
ello le diste "width" y "height", ancho y alto; los valores asignados fueron 150 y 800, el "px" significa pixel es la unidad
de medida usada en esta ocasion. y por ultimo la propiedad "align" esta popiedad alinea el elemento, es decir la tabla en
el centro, tambien la puedes alinear al lado izquierdo o al lado derecho, los valores respectivamente son "left" y "right".
Las tablas a su vez estan divididas en filas "tr", y estas filas en celdas "td". En esta practica existe una sola tabla con
una sola fila que a su vez contiene una sola celda; en resumen un solo cuadro.
Tambien agregamos al texto de la celda algunas propiedades: La primera fue "color" el valor agregado fue "white" y el segundo
fue "size", tamaño, el valor agregado fue 20. Puedes cambiar los valores a tu gusto.
