(I)Creando tu propia Web: El código HTML

Ver el tema anterior Ver el tema siguiente Ir abajo

(I)Creando tu propia Web: El código HTML

Mensaje por EHKing el Sáb Nov 28, 2015 12:02 pm

Instrucciones

1
Haz clic en el botón de Windows "Inicio", escribe "notepad" en la caja de búsqueda y pulsa "Intro". Se cargará el programa Notepad tu computadora.

2
Crea las etiquetas principales HTML. Cada página HTML necesita unas etiquetas de apertura y cierre de HTML. Escribe las siguientes etiquetas en el editor: *** El resto de etiquetas se colocarán entre estas dos.

3
Escribe las etiquetas "head". La etiqueta "head" contiene el título de la página web. El siguiente código muestra un ejemplo de la etiqueta de título: *** Título de la página web *** Estas etiquetas se colocan directamente después del etiqueta de apertura HTML.

4
Crea las etiquetas "body". Todo el contenido HTML está colocado entre las etiquetas del cuerpo. Por ejemplo, el siguiente código HTML contiene una imagen y algún texto que se muestra en el navegador del usuario: *** Bienvenido a mi página web *** Puedes colocar cualquier cantidad de código HTML entre las etiquetas del cuerpo.

5
Haz clic en el menú "Archivo" en la parte superior del programa Notepad. Haz clic en "Guardar como". En la ventana que se abrirá, escribe un nombre para el archivo y añade la extensión ".HTML" al final de su nombre. Haz clic en "Guardar" para guardar los cambios.


Última edición por EHKing el Sáb Nov 28, 2015 12:27 pm, editado 3 veces
avatar
EHKing
Admin

Mensajes : 23
Fecha de inscripción : 24/11/2015

Ver perfil de usuario http://theshadow.geekaddict.net

Volver arriba Ir abajo

Re: (I)Creando tu propia Web: El código HTML

Mensaje por EHKing el Sáb Nov 28, 2015 12:06 pm

Código básico que hay que poner en el Bloc de notas:
<html>
<head>
<title>
Aquí va el titulo que puedes ver arriba, este es En La Sombra
</title>
</head>
<body>
Aquí va lo que vez adentro de la pagina
</body>
<html>
Lo que está entre estos signos:
< >
se llama etiqueta
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra.

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>

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, scroll de 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">
avatar
EHKing
Admin

Mensajes : 23
Fecha de inscripción : 24/11/2015

Ver perfil de usuario http://theshadow.geekaddict.net

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.