Creando una web page con HTML

Publicado: agosto 14, 2010 en Uncategorized

Vamos a realizar nuestra primera página  utilizando los códigos html que denominaremos “La Primera” y en la que aparezca escrito “soy un fenómeno”

Tenemos que crear un fichero en el que podremos las instrucciones y lo guardamos como fichero con terminación .htm

A) Todas las páginas html comienzan con el código de inicio <html> y terminan con el código </html>

Así que ponemos

<html>

</html>

B) Las páginas html se dividen en un encabezado y un cuerpo. Para el encabezamiento tenemos que poner los “tags”

<head>

</head>

Tenemos que ponerlo dentro de las instrucciones inicial y final de página (paso A) por lo tanto nos queda

<html>

<head>

</head>

</html>

C) Igualmente insertamos las instrucciones para el cuerpo de la página <body> y </body>

Con lo que nos queda

<html>

<head>

</head>

<body>

</body>

</html>

Podemos dejar líneas en blanco para comprender con más claridad la estructura del programa que estamos escribiendo. las líneas en blanco serán ignoradas cuando se ejecute el fichero html

D) Le ponemos título a la página con la instrucción <title> </title> que tenemos que poner dentro del encabezado (entre head y head)

<html>

<head>
<title>Mi primera Pagina</title>
</head>

<body>
</body>
</html>

E) Vamos a poner el texto en negrilla “Soy un fenómeno”. La instrucción para negrilla es <b> y <b/>. Y el texto hay que colocarlo dentro del cuerpo (entre body y body) de la página.

Por tanto nos queda

<html>

<head>

<title>Mi primera Pagina</title>

</head>

<body>

Soy el mejor

</body>

</html>

DAR FORMATO A LAS LETRAS

Cambiar los atributos de las letras  utilizamos el comando <font> </font> (fuente o tipo de letra). El color o el tamaño son atributos del elemento tipo de letra.

Podemos dar distintos atributos a las letras.

A) TAMAÑO DEL TEXTO

* Si queremos poner las letras de distinto tamaño empleamos el atributo

SIZE=””.

* Dentro de las comillas pondremos “+” para aumentar el tamaño y “-” para disminuirlo

EJEMPLO 1

<FONT SIZE=”+1″>este texto se ve con mayor tamaño</FONT>

El resultado:

este texto se ve con mayor tamaño

EJEMPLO 2

Si queremos aun mayor tamaño ponemos un número mayor. Voy a probar con 4

<FONT SIZE=”+4″>este texto se ve muy grande</FONT>

este texto se ve muy grande

EJEMPLO 3

Para disminuir el tamaño ponemos -1

<FONT SIZE=”-1″>al poner -1 disminuye el tamaño</FONT>

Al poner -1 disminuye el tamaño

Podemos  poner el texto en negrilla, en cursiva o subrayado

PONER EL TEXTO EN NEGRILLA

Para poner el texto en negrilla utilizamos el tag “b” (de bold)

Soy el  <b>mejor</b> de la clase

Soy el mejor de la clase

PONER EL TEXTO EN CURSIVA

Para ponerlo en cursiva utilizamos “i” (de italian)

Poner un <i>texto en cursiva</i>

Poner un texto en cursiva

PONER EL TEXTO SUBRAYADO

Para subrayado

Ahora toca el <u>subrayado</u> de parte de la frase

Ahora toca el subrayado de parte de la frase

La instrucción para poner color a las letras es

<FONT COLOR=”entre estas comillas va el nombre o el número del color”>aquí el texto al que queremos dar color</FONT>

EJEMPLO 1

Para poner el texto en rojo

<FONT COLOR=”RED”>este texto se pone rojo</font>

El resultado si lo ponemos dentro de los códigos del fichero  html será

este texto se pone rojo

EJEMPLO 2

Para poner el texto en azul

<FONT COLOR=”BLUE”>este texto se pone en azul</font>

este texto se pone en azul

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s