Estructura Básica De Una Página Web.
Páginas: 9 (2113 palabras)
Publicado: 11 de octubre de 2012
Estructura básica de una página web.
La estructura básica de una página web es la siguiente: <html>
<head></head>
<body>
</body>
</html> |
Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.Laprimera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código java script (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en laparte superior izquierda).La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código <HTML>
<head>
<title>Esto es el título de la página.</title>
</head>
<body>
Hola mundo!<br><b>Esto es negrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</HTML> |
generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página): Ver ejemplo en una página aparte.Observad el título en la parte superior izquierda de la página. Además, dentro de<body></body> distinguimos varias etiquetas:
<br> => Indica salto de línea. En HTML un salto de línea normal (pulsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
<b></b> => Indica comienzo y fin de negrita.
<i></b> => Itálica.
También observamos el código&iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "í". Esto se explicará en un capítulo posterior.
Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se ponela etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>. |
Introducción al HTML.
HTML (HyperText Markup Language) es el primer lenguaje que una persona debe conocer si desea comenzar a realizar páginas web.HTML no es un lenguaje de programación, sino un lenguaje descriptivo, una serie de etiquetas que el navegador interpretará de una u otra forma para mostrar distintos contenidos por pantalla. Por ejemplo, si creamos un documento de texto que se llame ejemplo.html y que contenga el siguiente texto <HTML>
<head></head>
<body>
Hola mundo!<br>
<b>Esto esnegrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</HTML> |
generará el siguiente resultado: Hola mundo!
Esto es negrito.
Y esto itálica. |
Ver ejemplo en una página aparte.Por tanto, aprender HTML consiste en conocer y saber utilizar dichas etiquetas. Para realizar este curso no necesitas ningún software específico, sino que tan sólo necesitas uneditor de texto, como puede ser el bloc de notas de Windows, aunque se recomienda usar algún otro editor más especializado que te ayude en la escritura del código, como puede ser el Macromedia Dreamweaver.Este curso consiste en una descripción de las distintas etiquetas y los distintos atributos que tiene HTML, una explicación de cómo se emplean y consejos para mejorar el resultado final de las...
La estructura básica de una página web es la siguiente: <html>
<head></head>
<body>
</body>
</html> |
Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.Laprimera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código java script (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en laparte superior izquierda).La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código <HTML>
<head>
<title>Esto es el título de la página.</title>
</head>
<body>
Hola mundo!<br><b>Esto es negrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</HTML> |
generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página): Ver ejemplo en una página aparte.Observad el título en la parte superior izquierda de la página. Además, dentro de<body></body> distinguimos varias etiquetas:
<br> => Indica salto de línea. En HTML un salto de línea normal (pulsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
<b></b> => Indica comienzo y fin de negrita.
<i></b> => Itálica.
También observamos el código&iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "í". Esto se explicará en un capítulo posterior.
Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se ponela etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>. |
Introducción al HTML.
HTML (HyperText Markup Language) es el primer lenguaje que una persona debe conocer si desea comenzar a realizar páginas web.HTML no es un lenguaje de programación, sino un lenguaje descriptivo, una serie de etiquetas que el navegador interpretará de una u otra forma para mostrar distintos contenidos por pantalla. Por ejemplo, si creamos un documento de texto que se llame ejemplo.html y que contenga el siguiente texto <HTML>
<head></head>
<body>
Hola mundo!<br>
<b>Esto esnegrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</HTML> |
generará el siguiente resultado: Hola mundo!
Esto es negrito.
Y esto itálica. |
Ver ejemplo en una página aparte.Por tanto, aprender HTML consiste en conocer y saber utilizar dichas etiquetas. Para realizar este curso no necesitas ningún software específico, sino que tan sólo necesitas uneditor de texto, como puede ser el bloc de notas de Windows, aunque se recomienda usar algún otro editor más especializado que te ayude en la escritura del código, como puede ser el Macromedia Dreamweaver.Este curso consiste en una descripción de las distintas etiquetas y los distintos atributos que tiene HTML, una explicación de cómo se emplean y consejos para mejorar el resultado final de las...
Leer documento completo
Regístrate para leer el documento completo.