Tutorial HTML: Leccion 1
2 participantes
Página 1 de 1.
Tutorial HTML: Leccion 1
Zixther Sáb Dic 03, 2011 6:23 pm
Hola gente.
Hoy veremos como crear una pagina en html , para ello hay que descargar un programa
llamado HTML-KIT el cual pueden descargar desde aqui http://html-kit.softonic.com/
Aprender Html no es nada dificil, por eso con enseñarles a crear una pagina desde 0
aprenden mucho.
Una vez descargado el programa lo ejecutamos y se les abira una pantalla que dice que
quieres crear entonces elegimos la primer opcion.
Entonces se les abrira un documento que dice:
ahora les mostrare que significa cada cosa:
<html> </html>: estas etiquetas muestran el inicio y el final del codigo html
<head> </head>: estas etiquetas muestran el inicio y el final de los elementos que
no se muestran en la pagina. Por ejemplo: el titulo de la pagina, que es el que
se muestra en la pestaña
<title>untitled</title>: este es el titulo de la pagina, puede ser editado facilmente
cambiando el untitled por el nombre de la pagina.
<body></body> Esto indica el inicio y el final del cuerpo de la pagina, es decir
el contenido de la web.
COMO EMPEZAR
Una vez que tenemos todo esto instalado y la idea de que va a ser la pagina, empezamos
a crear la pagina.
Lo primero que hacemos es cambiar el titulo de la pagina por el que quieran. (les recomiendo
que hagan todo tal cual lo digo aqui, porque si llegan a tener algun error vamos a tener lo mismo
y sera facil arreglar el error)
entonces quedaria asi
no copien y peguen el codigo, si lo copian por si mismos ayudara a que aprendan mas.
Si ahora hacemos click en Preview en las pestañas de abajo no aparecera nada.
Entonces ahora que podemos hacer?
Agregar un texto.
Para ello entre las etiquetas <body> y </body> escribimos la etiqueta de texto.¿Cual es? ¿que no se las mostre?
Bueno la etiqueta es simple: es <p> y </p> donde la primera indica el inicio del texto y la ultima indica el final.
entonces queda:
Si ahora hacemos click en Preview podremos ver el texto que escribimos en el codigo.
Y bueno ese fue el tutorial 1 de HTML, pronto traere mas tutoriales. El proximo sera: "Como agregar imagenes".
Esperenlo
Saludos
Neojuanma
Hoy veremos como crear una pagina en html , para ello hay que descargar un programa
llamado HTML-KIT el cual pueden descargar desde aqui http://html-kit.softonic.com/
Aprender Html no es nada dificil, por eso con enseñarles a crear una pagina desde 0
aprenden mucho.
Una vez descargado el programa lo ejecutamos y se les abira una pantalla que dice que
quieres crear entonces elegimos la primer opcion.
Entonces se les abrira un documento que dice:
- Spoiler:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
</body>
</html>
ahora les mostrare que significa cada cosa:
<html> </html>: estas etiquetas muestran el inicio y el final del codigo html
<head> </head>: estas etiquetas muestran el inicio y el final de los elementos que
no se muestran en la pagina. Por ejemplo: el titulo de la pagina, que es el que
se muestra en la pestaña
<title>untitled</title>: este es el titulo de la pagina, puede ser editado facilmente
cambiando el untitled por el nombre de la pagina.
<body></body> Esto indica el inicio y el final del cuerpo de la pagina, es decir
el contenido de la web.
COMO EMPEZAR
Una vez que tenemos todo esto instalado y la idea de que va a ser la pagina, empezamos
a crear la pagina.
Lo primero que hacemos es cambiar el titulo de la pagina por el que quieran. (les recomiendo
que hagan todo tal cual lo digo aqui, porque si llegan a tener algun error vamos a tener lo mismo
y sera facil arreglar el error)
entonces quedaria asi
- Spoiler:
- <head>
<title> Tutorial de Html </title>
</head>
no copien y peguen el codigo, si lo copian por si mismos ayudara a que aprendan mas.
Si ahora hacemos click en Preview en las pestañas de abajo no aparecera nada.
Entonces ahora que podemos hacer?
Agregar un texto.
Para ello entre las etiquetas <body> y </body> escribimos la etiqueta de texto.¿Cual es? ¿que no se las mostre?
Bueno la etiqueta es simple: es <p> y </p> donde la primera indica el inicio del texto y la ultima indica el final.
entonces queda:
- Spoiler:
- <body>
<p> Aca estamos aprendiendo HTML de la mano de nuestro buen amigo Neojuanma. Esto es una prueba de texto.</p>
</body>
Si ahora hacemos click en Preview podremos ver el texto que escribimos en el codigo.
Y bueno ese fue el tutorial 1 de HTML, pronto traere mas tutoriales. El proximo sera: "Como agregar imagenes".
Esperenlo
Saludos
Neojuanma
Zixther- Fundador
- Mensajes : 69
Fecha de inscripción : 06/11/2011
Edad : 28
Localización : Bahia Blanca,Buenos Aires,Argentina
Re: Tutorial HTML: Leccion 1
Zixther Dom Dic 04, 2011 4:36 pm
Si tienen alguna pregunta no duden en preguntarme a mi o a johan por MP (somos los que sabemos HTML pero el tuto es mio ) jajajajja bueno era eso nomas
) jajajajja bueno era eso nomas
Zixther- Fundador
- Mensajes : 69
Fecha de inscripción : 06/11/2011
Edad : 28
Localización : Bahia Blanca,Buenos Aires,Argentina
MasterMoonNight- Moderador
- Mensajes : 82
Fecha de inscripción : 06/11/2011
Edad : 28
Localización : Argentina
Temas similares» Tutorial de HTML Leccion 2: Insertar imagenes y enlaces
» (Tutorial) Mapeo Basico
» (Tutorial)Password/Clave
» (Descarga Tutorial) Crea tu propio RTP
» (Tutorial)Entrada en Mapas (Carteles)
» (Tutorial) Mapeo Basico
» (Tutorial)Password/Clave
» (Descarga Tutorial) Crea tu propio RTP
» (Tutorial)Entrada en Mapas (Carteles)
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.