Está en la página 1de 7

HTML, EL LENGUAJE CON EL QUE CREAN LAS

PÁGINAS WEB.
HTML es el lenguaje con el que se define el
contenido de las páginas web. Básicamente se
trata de un conjunto de etiquetas que sirven para
definir el texto y otros elementos que
compondrán una página web, como imágenes,
listas, vídeos, etc.
Etiquetas básicas para realizar una página web.
<html>: Delimita y engloba toda la página web, que consta de
cabecera y cuerpo.
<head> :Delimita y engloba la cabecera de una página, entre ellas el título
de la página, que pueden ayudar a los navegadores y a los buscadores para
interpretar o a encontrar correctamente la página. </head>
<title>: Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en
la barra del título de la ventana del navegador. </title>
<body>: Delimita y engloba el cuerpo de la página, que son el conjunto de
informaciones (texto e imágenes) que se muestran en la página, así como las
indicaciones de cómo deben mostrarse.</body>
</html>: cierre de etiqueta de html.
Lo que está entre estos signos: < > se llama etiqueta
Cuando la etiqueta tiene este signo antes"/" es decir
que se cierra.
PARA PERSONALIZAR TEXTO LAS SIGUIENTES
ETIQUETAS:
1. El color del texto se define así:
<body text ="color"> el color puede ir en inglés o en
hexadecimal (ej: "#FE2E2E" ""#0101DF;" etc)
2. El tamaño del texto se define así
<font size="7"> el tamaño puede empezar de 1 hasta 7
o de la siguiente manera:
<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>
3. ETIQUETA PARA COLOR DE FONDO DE LA
PÁGINA <body bgcolor="PINK">
4. ETIQUETA PARA CAMBIAR EL TIPO DE LETRA
<font face="Comic Sans MS"> el tipo de letra lo
pueden ver ya sea en Word.
Color de fondo y de fuente
El color de fondo se define así:
<body bgcolor="color">
El color puede ir de dos formas: en ingles (ej: "blue"
"red" etc) o en hexdecimal que puedes encontrar en
páginas web (http://html-color-codes.info/codigos-de-
colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;"
etc)

El color del texto se define así:


<body text ="color">
El texto puede ir de dos formas: en ingles (ej: "blue"
"red" etc) o en hexdecimal que puedes encontrar en
páginas web (http://html-color-codes.info/codigos-de-
colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;"
etc)

Personalizar el texto escrito

Para cambiar el color y el tamaño de un texto y la letra


en especial:
<font color="blue" size="4" face="Comic Sans MS,
Arial, MS Sans Serif"> Hola </font> <------- Importante
Color es igual que arriba y size es un numero entero
del 1 al 7

Para la letra en el sentido de negrita, etc...:


<b>negrita</b>
<i>cursiva</i>
<u>subrayado</u>
<s>tachado</s>
<tt>teletipo (máquina de escribir)</tt>
<big>aumenta el tamaño de la fuente</big>
<small>disminuye el tamaño de la fuente</small>

Para el tamaño de la letra en básico, se escribe así:


<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>

ETIQUETA DE MARQUESINAS (es cuando el texto se


mueve por una banda):
<marquee bgcolor="blue" behavior="alternate"
direction="right">
<font color="red" size="5">Aqui estará el texto </font>
</marquee>

Bgcolor es color de fondo.


Behavior es como se mueve, puede ser alternate de
un lado a otro rebotando, scroll de un lado a otro,
continuamente, slide de un lado a otro, pero una sola
vez.
Direction es hacia a donde se moverá el texto, puede
ser down de arriba a abajo, up de abajo a
arriba, left de derecha a izquierda o left de izquierda a
derecha.

Hiperenlances
Hiperenlaces es cuando pones una frase que te lleva a
una página haciendo clic en ella:
<a href="http://www.google.com"><font color="red"
size="5">Aquí va el texto que aparecerá en la
página</font><a/>

Eso te llevaria a http://www.google.com

Etiqueta para insertar una foto.


Para poder poner fotos es un poco más complicado
pero es básico de todas formas debes guardar la foto
en el lugar en el que tienes la página guardado tienes
que saber el nombre por ejemplo: lafoto.jpg
<img src="lafoto.jpg"
alt="A qui escribes lo que se verá cuando pases el
mouse por encima de la foto">
Atención: los primeros pasos son bastante
simples, abre un block de notas o notepad y, al
finalizar, guardalo en guardar como... con .html al
final ejemplo: nombredelarchivo.html

COLORES EN INGLES
RED-ROJO
ORANGE- ANARANJADO
GREEN- VERDE
YELLOW- AMARILLO
BROWN- CAFES
PINK- ROSADO
VIOLET- VIOLETA
PURPLE- MORADO
BLUE- AZUL
SKY BLUE- CELESTE
WHITE- BLANCO
GRAY- GRIS
RED- ROJO
GOLDEN- DORADO