Вы находитесь на странице: 1из 5

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.

Aunque código HTML es bastante básico en si, contiene algunas


partes bastante básicas y otras muchas más confusas...

Etiquetas para realizar una página web.


Bloc de notas
<html>
<head>
<title>
Aquí va el título que puedes ver arriba título de la página
</title>
</head>
<body>
Aquí donde se incluye el contenido que va dentro de la página.
</body>
</html>
Lo que está entre estos signos: < > se llama etiqueta .
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra
la etiqueta.
para guardar una página hecha se guarda con la extensión .html
COLOR DE FONDO
El color de fondo se define así:
<body bgcolor="color">
<body bgcolor=navy text=white>
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)
ETIQUETA PARA COLOR DE TEXTO
El color del texto se define así:
<body text ="color">
ETIQUETA PARA TAMAÑO DE LETRA.
<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>
ETIQUETA PARA CENTRAR UN TEXTO

<center></center>
ETIQUETA PARA CAMBIAR EL TIPO DE LETRA
<font face="cooper black">
Otra manera de personalizar el texto escrito

<font color="blue" size="4" face="Comic Sans MS "> Hola </font>

Color es igual que arriba y size es un numero entero del 1 al 7

Para dejar espacios


<br> </br>
Separar los textos o los párrafos
<hr></hr>

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>

Por último, para hacer que el texto se note realmente, existen las
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, scrollde un lado a otro, continuamente, slidede
un lado a otro, pero una sola vez.
Direction es hacia adonde 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

Fotos
Para poder poner fotos es un poco más complicado pero es
básico de todas formas. Antes, en el lugar en el que tienes el bloc
de notas guardado tienes que tener también una foto y 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