Tutorial de HTML Leccion 1 Como empezar
2 participantes
Página 1 de 1.
Tutorial de HTML Leccion 1 Como empezar
Hoy veremos como crear una pagina en html , para ello hay que descargar un programa llamado HTML-KIT
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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
</body>
</html>[/quote]
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
<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:
<body>
<p> Aca estamos aprendiendo HTML de la mano . Esto es una prueba de texto.</p>
</body>[/quote]
Si ahora hacemos click en Preview podremos ver el texto que escribimos en el codigo.
Espero les sirva de algo
Milaras21
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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
</body>
</html>[/quote]
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
<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:
<body>
<p> Aca estamos aprendiendo HTML de la mano . Esto es una prueba de texto.</p>
</body>[/quote]
Si ahora hacemos click en Preview podremos ver el texto que escribimos en el codigo.
Espero les sirva de algo
Milaras21
Re: Tutorial de HTML Leccion 1 Como empezar
oooo muy bueno esto tiene mas partes no? si las tiene las espero
salu2
salu2
Temas similares
» Tutorial de HTML Leccion 2
» Como descargar como Premium desde Megaupload
» Manual de HTML de desarrolloweb en formato PDF
» Como descargar como Premium desde Megaupload
» Manual de HTML de desarrolloweb en formato PDF
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Vie Sep 05, 2014 6:15 pm por JAVIER_77
» Hacker nostale
Vie Jul 20, 2012 5:02 pm por Sweet_Boy
» Chrome OS 20.x pasa al canal estable
Vie Jul 13, 2012 11:15 pm por [D]ement<<<
» Disponible openSUSE 12.2 RC 1
Vie Jul 13, 2012 12:44 am por [D]ement<<<
» NitroShare, comparte archivos y carpetas entre Linux y Windows
Vie Jul 13, 2012 12:26 am por [D]ement<<<
» Linux Mint 13 KDE Release Candidate, disponible
Vie Jul 13, 2012 12:18 am por [D]ement<<<
» LibreOffice 3.5.5, más estabilidad
Vie Jul 13, 2012 12:06 am por [D]ement<<<
» File History, un Time Machine para Windows 8
Miér Jul 11, 2012 9:50 pm por [D]ement<<<
» Como habilitar el logueo automático en Windows
Miér Jul 11, 2012 9:44 pm por [D]ement<<<
» Acronis True Image 2012
Mar Jul 10, 2012 12:15 am por [D]ement<<<
» Virus Informaticos
Mar Mayo 08, 2012 7:10 am por Sokoleonardo