LOG IN
Usuario:

Contraseña:


Últimos temas
» Navbar desplegable sencilla
Dom Jun 17, 2018 2:06 pm por Ysamar

» Modulo de Afiliados 40x40 [Todas las versiones]
Vie Jun 15, 2018 6:44 pm por Ysamar

» 2 Galeria Html Elegante
Miér Jun 13, 2018 8:57 pm por Ysamar

» [PHPBB3]Agregar amigos desde el perfil y dejar mensaje en su muro...
Miér Jun 13, 2018 8:02 pm por Ysamar

» [PHPBB3] Contenido por defecto en la respuesta rapida.
Miér Jun 13, 2018 7:56 pm por Ysamar

» Botón "ir al muro" (mensajes de los visitantes)
Miér Jun 13, 2018 7:49 pm por Ysamar

» ¿No quieres publicidad
Miér Jun 13, 2018 7:37 pm por Ysamar

» Efecto Lightbox automatico en imagenes [Foroactivo]
Miér Jun 13, 2018 7:27 pm por Ysamar

» Skin: Glow Theme [Adaptado por: 15-tronos]
Miér Mayo 09, 2018 1:08 am por profesional

Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es Jhunky.

Nuestros miembros han publicado un total de 41228 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

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


1 Clase 2 - Comenzando nuestra pagina web el Miér Ene 18, 2012 9:39 pm

Curso WEBD: HTML – Clase 2

Hola! Bienvenidos a esta segunda clase de HTML. Recomiendo leer el post anterior donde explico lo fundamental del HTML.

En el curso de HTML pueden practicar usando el Bloc de Notas pero es mejor comenzar con el Notepad ++ ya que colorea los códigos.

Comencemos:
- Abrimos un nuevo documento en Notepad++
- Colocaremos el siguiente código:

Código:
<html>
   <head>
      <title>Mi primer página HTML</title>
   </head>
   <body bgcolor="#a5cbfa">
      <h1>WebDesign Curso</h1> <br>
      <p align="center">Creando una página HTML</p>
      
      <h3>Título más Pequeño</h3>
      <p><i>Este es un </i><b>segundo párrafo.</b></p>
   </body>

</html>
- Vamos a Archivo – Guardar como. Ponemos un nombre a nuestro documento y marcamos la opción:
- Luego vamos a donde guardamos el documento y lo abrimos:

Ahora podemos visualizar nuestra primera página HTML. También se darán cuenta que todo lo que escribimos dentro de <BODY> es lo que se ve en la página web.

Explicación de las principales etiquetas:

En la clase anterior expliqué la función de la etiqueta HTML – BODY – HEAD (recomiendo volver a leer el tema anterior si es que no te acuerdas)

- Dentro del HEAD podemos ver: <title>Mi primer página HTML</title>
La etiqueta TITLE tiene la función de asignarle un título a nuestro documento:
Como no es parte de la estructura de nuestra página, se coloca en el <HEAD>

- Dentro del BODY:
  • <h1>WebDesign Curso</h1>: Cumple la función de Encabezado o Título, al igual que
    “<h3>Título más Pequeño</h3>“. A pesar que las dos son las mismas etiquetas, tienen un distinto tamaño y esto se debe al número que acompaña a la H. Estos numeros pueden ser del 1 al 6, siendo el 1 un encabezado grande y el 6 el más chico.

  • <p> Creando una página HTML</p> : la P significa Párrafo. Todo lo que esté dentro de estas etiquetas será un párrafo, el cual podrá tener cierto formato aplicándole atributos como ALIGN=”CENTER” pero esto lo veremos más adelante.

  • <i>Este es un </i><b>segundo párrafo.</b>: Estas son, tal vez, etiquetas más conocidas. Son las que utilizamos diariamente en el foro, usando BBCODE. Tienen exactamente la misma función:
    <b></b> = Texto en Negrita
    <i></i> = Texto en Itálica
    <u></u> = Texto Subrayado
    <s></s> = Texto Tachado.

Les recuerdo que pueden seguir practicando, agregando más etiquetas a este mismo documento.

Listado de etiquetas HTML

Ver perfil de usuario http://www.webdesignforo.net

2 Re: Clase 2 - Comenzando nuestra pagina web el Jue Ene 19, 2012 6:25 pm

Buenisima esta clase, aunque no entendi algunas cosas lo voy a volver a leer.

Ver perfil de usuario http://www.aikayweb.activo.ws

3 Re: Clase 2 - Comenzando nuestra pagina web el Jue Ene 19, 2012 9:13 pm

Cualquier duda de la clase, se pregunta en este mismo post! Encantado

Ver perfil de usuario http://www.webdesignforo.net

4 Re: Clase 2 - Comenzando nuestra pagina web el Jue Ene 19, 2012 10:54 pm

Muy buena clase estoy practicando xD

Ver perfil de usuario http://animepng.blogspot.com

5 Re: Clase 2 - Comenzando nuestra pagina web el Vie Ene 27, 2012 2:46 pm

Gracias por la clase Diablo

Ver perfil de usuario http://www.webdesignforo.net/

6 Re: Clase 2 - Comenzando nuestra pagina web el Lun Feb 20, 2012 8:02 pm

Gracias por la clase. Las nociones basicas que ya las conocia, pero me son utiles Encantado

Saludos

Ver perfil de usuario

7 Re: Clase 2 - Comenzando nuestra pagina web el Sáb Mar 17, 2012 7:41 pm

No esta mal, como dije, para los que apenas están iniciando..

Tengo una duda, ¿Puedo colaborar con los tutoriales?

Ver perfil de usuario

8 Re: Clase 2 - Comenzando nuestra pagina web el Sáb Mar 17, 2012 8:04 pm

Genial, mas y mas ayuda para mi cerebro muchas gracias TITO:D!

Ver perfil de usuario

9 Re: Clase 2 - Comenzando nuestra pagina web el Dom Mar 18, 2012 1:40 am

genial esta buena la clase

Ver perfil de usuario

10 Re: Clase 2 - Comenzando nuestra pagina web el Sáb Mar 31, 2012 12:13 am

Gracias por la clase, no sabía hacerlo me habían hablado algo pero no tenía ni idea. A ver qué puedo sacar. Lo demás es cuestión de usar HTML ¿no?

Ver perfil de usuario http://pokevento.tumblr.com/

11 Re: Clase 2 - Comenzando nuestra pagina web el Jue Abr 19, 2012 1:34 pm

Muy buena clase, lo entendi todo Encantado

Ver perfil de usuario http://forodeforos.foroactivo.com/

12 Re: Clase 2 - Comenzando nuestra pagina web el Sáb Mayo 26, 2012 7:06 pm

Muy buena clase Tito.

Ver perfil de usuario http://www.webdesignforo.net/

13 Re: Clase 2 - Comenzando nuestra pagina web el Dom Jun 03, 2012 10:53 am

Muy buena clase intentando asta que salga saldos...

Ver perfil de usuario

14 Re: Clase 2 - Comenzando nuestra pagina web el Vie Jul 06, 2012 2:23 am

Gracias, buen curso

Ver perfil de usuario

Contenido patrocinado


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.