.

Conectarse

Recuperar mi contraseña



Últimos temas
» Descripciones tab
Dom Ago 07, 2016 11:41 pm por Atsu

» Logo como Best design {Logo con efecto}
Jue Ene 28, 2016 4:30 pm por Atsu

» Ficha de afiliacion
Jue Ene 28, 2016 11:00 am por Atsu

» Varios efectos para cursores
Jue Ene 28, 2016 8:40 am por Atsu

» Ps fonts Calligraphy I
Mar Ene 26, 2016 1:52 pm por Atsu

» Photoshop fonts mix 1
Mar Ene 26, 2016 7:41 am por Atsu

» Bloquea click derecho/ teclado y arrastrar y soltar
Mar Ene 26, 2016 6:38 am por Atsu

» Normas generales
Mar Ene 26, 2016 6:18 am por Atsu

» reglas tab
Mar Ene 26, 2016 6:16 am por Atsu








  • Bienvenido a Best desing, donde esperamos encuentres lo que necesitas.

Los posteadores más activos de la semana


▼ ▲ ▼ ▲ ▼ ▲ ▼

No estás conectado. Conéctate o registrate

Introduccion al Html [1]

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]

1 Introduccion al Html [1] el Dom Nov 08, 2015 7:39 pm

Atsu

avatar
Admin

Intro al html

Bueno espero que este tuto les sirva y sea de su entendimiento ya saben nnas si tienen dudas pregunten sin miedo!!!.
Primero

¿Que es html?
El html es un lenguaje de programacion de sus siglas "HTML" que  significan HyperText Markup Language (lenguaje de marcado de hipertexto) un son conjunto de etiquetas que sirven para definir hipertexto, es decir, texto presentado de forma estructurada y agradable.

¿Que puedo hacer con el html?

Bueno en mi opinion el html es el lenguaje de programación basico para webs, ya que este es sencillo de manejar y hace que cualquiera pueda manejarlo aunque jamas haya programado, con le html se pueden hacer desde cambiar el color del texto hasta hacer paginas web completas.

Comencemos!

Las etiquetas utilizadas en html son encerradas en los corchetes "<,>" y con "/" para indicar el cierre de la baliza.

Ejemplo:
Hola

Esto sirve para indicarle a nuestro documento cual es el titulo en donde inicia y en donde termina.

Estructura basica de un documento html:


HTML comienza con la etiqueta , y termina con el encabezado " en este caso para que me entiendan el "logo" va en las balizas y , y el cuerpo que seria donde va todo el contenido en la balizas   y

Ejemplo:
Código:

<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>

Ahora le colocaremos un color de fondo a nuestra pagina

despues de la baliza <*html> colocaremos el sig atributo > < <*body bgcolor="red"> sin el  *
que le dara un color de fondo rojo a nuestro documento.por lo tanto nuestro resultado seria este o.o

Código:
<html>
<body bgcolor="red">
<head>
<title>Título</title>
</head>
<body>

Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>




[Tienes que estar registrado y conectado para ver este vínculo]

Si quieres saber como darle estilo a un titulo lee este tuto
[Tienes que estar registrado y conectado para ver este vínculo]




[Como colocar un logo]


Seguimos con nuestra segunda parte sobre la introduccion a html ahora les enseñare como colocar un logo a una pagina html.

PARA SABER COMO COLOCAR UNA  IMAGEN LEE ESTE TUTO
[Tienes que estar registrado y conectado para ver este vínculo]

Sobre nuestro documento basico
Código:

<html>
<body bgcolor="#F6D8CE">
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>

Colocaremos entre head y /head nuestra imagen *Q* de la siguiente manera.

Código:

<html>
<body bgcolor="#F6D8CE">
<head><div align="center">
<A HREF="URL DE LA PAGINA" ><img src="IMAGEN PNG" alt="bishoujo forum"> </A></div> <br>
<title>Título</title>
</head>
<body>

Texto del documento, menciones a gráficos, enlaces, etc.

</body>
</html>

Donde <*br> es un salto de linea ejemplo

Este es un texto en donde no hay ningun salto en la linea y todo esta corrido.

este es un texto donde si hay un salto en la linea
y no esta corrido.


Agregar un menu


ahora seguiremos con nuestra pagina y le colocaremos un menu muy sencillo, no se desesperen si se ve muy simple, recuerden que esto es solo lo basico despues aprenderemos a anexar css y a darle estilos mejor a nuestra pagina .

para hacer un hipervinculo simplemente usaremos este codigo

Código:
<a href="PAGINA COM" target="main">Tu Texto</a>
u lo que haremos sera hacer una serie de vinculos  debajo de nuestro logo en head

y nos debera quedar algo asi *Q*

Código:
<html>
<title>bishoujoo</title>
<body bgcolor="#F6D8CE">
<head><div align="center">
<A HREF="http://bishoujo.nstars.org/" ><img src="http://i1158.photobucket.com/albums/p608/XxHawkeye/logooo.png" alt="bishoujo forum"> </A></div> <br>
<div align="center"><a href="PAGINA COM" target="main">link</a> | <a href="PAGINA COM" target="main">link 1</a> | <a href="PAGINA COM" target="main">link 2</a> | <a href="PAGINA COM" target="main">link 3</a> | <a href="PAGINA COM" target="main">link 4o</a></div><br>

</head>
<body>

Texto del documento, menciones a gráficos, enlaces, etc.

</body>
</html>

este seria nuestro resultado : [Tienes que estar registrado y conectado para ver este vínculo]

Ver perfil de usuario http://bestdesign.webservices.tv

Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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