BarretoVanegas Nicolás Steven
Jhon David BelloOrtiz
¿Qué es HTML?
Estructura de una página
A lo largo de este tema vamos a aprender a crear una página básica.
La estructura básicade una página es:
<html>
<head>
</head>
<body>
</body>
</html>
COLEGIO NACIONAL
NICOLAS ESGUERRA
Ahora veamos cómo funcionan estas etiquetas.
Identificador del tipode documento<html>
Todas las páginas web escritas en HTML tienen que tener la extensión html o
htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.
Entre las etiquetas <html> y </html> estará comprendido el resto del código
HTML de la página.
Por ejemplo:
<html>
</html>
Cabecerade la página <head>
La cabecera de la página se utiliza para agrupar información sobre ella, como
puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va
justo debajo de la etiqueta <html>.
Por ejemplo:
<html>
<head>
</head>
</html>
Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y
más se utilizan son:
<link>, <style>, <script> (estas etiquetas las veremos más adelante),
<meta> (si deseas saber para qué sirvey cómo utilizar esta etiqueta,
consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación.
Títulode la página <title>
El título de la página es el que aparecerá en la parte superior de la ventana
del navegador, cuando la página esté cargada en él.
Para asignar un título a una página es necesario escribir el texto deseado
entre las etiquetas <title> y </title>.
Estas etiquetas han de estar dentro de la cabecera, es decir, entre las
etiquetas <head> y </head>.
Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
</html>
NUESTRO CODIGO
<head>
<title>Barreto'Studios </title>
</head>
<!--ESTA WEB FUE ELABORADA POR NICOLAS BARRETO & JHON BELLO 902
//-->
<body BGCOLOR="GRAY">
<HR>
<marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee>
<HR>
<Center><font color="#000000" size="6" face="comic sans MS, Arial, Ms
sans serif">Produccion Audiovisual Profesional</font><BR></Center>
<pre>
<hr align="Center" width="50%" Size="5" Color= "Black" Noshade>
<center><img src="IMAGENES/1.jpg" width="200" height="180"><img
src="IMAGENES/2.jpg" width="200" height="180"><img
src="IMAGENES/3.jpe" width="200" height="180"></center>
<br><br>
SCREENSHOT

Estructura de una página

  • 1.
    BarretoVanegas Nicolás Steven JhonDavid BelloOrtiz ¿Qué es HTML? Estructura de una página A lo largo de este tema vamos a aprender a crear una página básica. La estructura básicade una página es: <html> <head> </head> <body> </body> </html> COLEGIO NACIONAL NICOLAS ESGUERRA
  • 2.
    Ahora veamos cómofuncionan estas etiquetas. Identificador del tipode documento<html> Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>. Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página. Por ejemplo: <html> </html> Cabecerade la página <head> La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>. Por ejemplo: <html> <head> </head> </html> Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante),
  • 3.
    <meta> (si deseassaber para qué sirvey cómo utilizar esta etiqueta, consúltalo aquí ) y la etiqueta <title> que te explicamos a continuación. Títulode la página <title> El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> </html> NUESTRO CODIGO <head> <title>Barreto'Studios </title> </head> <!--ESTA WEB FUE ELABORADA POR NICOLAS BARRETO & JHON BELLO 902 //-->
  • 4.
    <body BGCOLOR="GRAY"> <HR> <marquee><H1><b>COFFEELING'STUDIOS®<br></b></H1></marquee> <HR> <Center><font color="#000000"size="6" face="comic sans MS, Arial, Ms sans serif">Produccion Audiovisual Profesional</font><BR></Center> <pre> <hr align="Center" width="50%" Size="5" Color= "Black" Noshade> <center><img src="IMAGENES/1.jpg" width="200" height="180"><img src="IMAGENES/2.jpg" width="200" height="180"><img src="IMAGENES/3.jpe" width="200" height="180"></center> <br><br> SCREENSHOT