Unidad IV:HTML: Lenguaje de marcas hipertexto
1.-Estructurando la web con HTML
Para crear sitios web, se debe conocer el lenguaje HTML, que viene a ser la tecnología fundamental utilizada para definir la estructura de una página web. El mismo, se utiliza para especificar el contenido web que se desea reconocer como, por ejemplo, un párrafo, lista, encabezado, enlace, imagen, reproductor multimedia, formulario y muchos otros elementos disponibles en el mismo. Lo que significa que no determina ni su estilo ni su comportamiento. Esos aspectos se trabajan con otros lenguajes. Para lograr todo lo anterior, hacen falta dos cosas: un editor de texto, como Dreamweaver y un navegador web, como Chrome.
Por otro lado, los archivos que contienen código HTML se guardan con extensión .html y se pueden abrir con el navegador web, que interpreta y muestra la página en pantalla como una página web. Lo que ocurre a grandes rasgos cuando se accede a cualquier página web de Internet, es que el servidor, que almacena dicha página, envía un archivo HTML para que el navegador lo interprete y muestre la página en pantalla.
»¿Cuál es la estructura básica HTML de una página web?
|
La estructura HTML hace uso de etiquetas y atributos predefinidos para indicarle al navegador cómo mostrar su contenido; es decir, en qué formato, estilo, tamaño de fuente, imágenes o videos se debe configurar. Básicamente, su función es describir la estructura general de una página y organizar la forma en que los usuarios podrán visualizarla. Es importante recalcar que el lenguaje HTML no es un lenguaje de programación, sino de marcado. Esto significa que solo sirve para crear páginas web estáticas. Sin embargo, es posible combinar este lenguaje con otros, para desarrollar sitios mucho más dinámicos y atractivos. La estructura básica se compone de las etiquetas , que indica el comienzo de la página; , que contiene información más descriptiva sobre el sitio; y , que conforma todos los elementos visibles de la página. |
| ||||
»Etiquetas y sus funciones dentro de HTML | |||||
Toda página web debe contener, al menos la estructura básica menncionada anteriormente para desarrollarse correctamente. A continuación, el significado y contenido de cada etiqueta. | |||||
|
1.-DOCTYPE html: se utiliza para indicar la versión HTML. 2.-html y /html: es el elemento raíz y es el más importante dentro de la estructura HTML, pues es el que contendrá el resto de las etiquetas de atributos de la página web. 3.- head y /head: es la etiqueta principal que incluye metadatos; son atributos que no se muestran al usuario, solo describen referencias de la página, por ejemplo, el título. 4.- body /body: es la etiqueta para desarrollar todo el cuerpo de la página web y engloba datos desde textos hasta enlaces. | ||||
Dentro de la etiqueta body, tal como se aprecia en la imagen superior, se desglosan más etiquetas y elementos como: h1, h2, h3: que representan las etiquetas de títulos. Mientras que la etiqueta p: sirve para indicar la apertura y cierre de un párrafo. En fin, para uan explicación más detallada, se presenta a continuación un video muy completa sobre el tema en cuestión, es decir, la estructura de HTML. | |||||
| Siguiente | |||||
