LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Clase 1 - Introducción  EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Clase 1 - Introducción  EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

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

Nuestros miembros han publicado un total de 41254 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.]


1Clase 1 - Introducción  Empty Clase 1 - Introducción Miér Ene 18, 2012 9:30 pm

Tito

Tito
Fundador
Curso WEBD: HTML – Introducción

Clase 1 - Introducción  Clase110
Wikipedia escribió:HTML es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.

El HTML se escribe en forma de etiquetas, las cuales tienen una apertura “<etiqueta>“y un cierre “</etiqueta>“. Estas contienen al texto que tendrá ciertas características dependiendo de la etiqueta que lo contenga.

Por ejemplo: La etiqueta <B></B> hace que el Texto esté en “negrita”
De este modo, si en nuestro documento escribimos <b>Un ejemplo</b>, se verá así:Un ejemplo




Estructura básica de un documento HTML
Todas las páginas HTML tienen una estructura en común.
Si entramos a Google.com (por ejemplo) y hacemos clic derecho + inspeccionar elemento (con google chrome) veremos lo siguiente:
Clase 1 - Introducción  Ejempl10
Como he explicado antes, la página está conformada por <etiquetas> y texto. Pero todas las páginas html tienen si o si las siguientes etiquetas:

<html> </html> : Esta etiqueta le muestra al navegador el comienzo y el final de la página HTML.
Dentro de esta etiqueta se encuentran otras dos:
- <head> </head>: El head contendrá toda la información de nuestro documento.
- <body> </body>: Dentro del body colocaremos el contenido de la página que queremos mostrar al usuario, es decir, en el body se encontrará la estructura de nuestra pagina web.

Tendremos como resultado:

Clase 1 - Introducción  Ejempl11
Como pueden ver, es básicamente lo mismo que el anterior ejemplo de Google.




Clic aquí para ver un completo Listado de Etiquetas




Damos por finalizado esta primer Clase de HTML! Espero que les haya gustado, los espero en la próxima! Encantado

http://www.webdesignforo.net

2Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 12:35 am

Dave!

Dave!
I ♥ WD
Muy bueno,servira de mucho ^^

http://graphicsowt.el-foro.net/forum

3Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 7:55 am

Cros

Cros
I ♥ WD
Estupenda clases me ayuda mucho xD

http://animepng.blogspot.com

4Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 9:24 am

Fernando

Fernando
Mod.Gráficos
Ok ya se que es cada cosa xD

http://www.webdesignforo.net/

5Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 5:23 pm

genau

genau
+100 post
gracias por la explicacion, muy bien detallada Lengua Afuera

http://torneos-pandhers.foroes.org/

6Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 6:24 pm

Aikazen

Aikazen
I ♥ WD
Me encanto esta clase veamos las demas.

http://www.aikayweb.activo.ws

7Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Ene 19, 2012 6:46 pm

-NaKu-

-NaKu-
+300 post
Sencillo, pero está buena la clase Sonrisa


8Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Dom Ene 22, 2012 7:46 pm

Ignacio P.

Ignacio P.
+300 post
Excelente bazinga! muy buenas guias y perfecto para darle un contenido unico a WEBD


9Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Lun Feb 20, 2012 7:54 pm

Fernando Colunga

Fernando Colunga
Miembro activo
Gracias por la clase. Muy util.

Saludos


10Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Sáb Mar 17, 2012 7:38 pm

Drea

Drea
Soy new user
Esta clase esta bien, para los que en si piensan iniciar, pero por que no mejor lo das de html5? es mejor..


11Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Sáb Mar 17, 2012 7:59 pm

Winth

Winth
I ♥ WD
Genial!, me lei todo para poder captarlo al fin ya se un poco sobre la estructura n.n;)!


12Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Abr 12, 2012 5:44 pm

yukivalsan

yukivalsan
Soy new user
bueno clase muy util ya que no se nada de html n.nU estas clases me ayudaran mucho jeje


13Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Vie Abr 13, 2012 11:44 am

Mosiah17

Mosiah17
Soy new user
Muchas gracias por la pequeña introducción, me pondré a trabajar mucho en esto Encantado


14Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Sáb Abr 14, 2012 2:37 am

Jack Kitetsu

Jack Kitetsu
Soy new user
Oye muchas gracias estoy estudiando informatica (apenas voy en 1* semeste) y esto me servira mas adelante para no andar tan perdido Lengua Afuera

http://www.fortalezareznor.com

15Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Miér Abr 18, 2012 4:17 pm

EleKtra

EleKtra
+300 post
Muchas gracias por la clase, estoy aprendiendo y me viene muy bien!

http://forodeforos.foroactivo.com/

16Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Sáb Mayo 26, 2012 7:04 pm

Juan

Juan
I ♥ WD
No había tenido tiempo de ver las clases, esta primera muy bien explicada y detallada.

Ahora a ver las demás. Sonrisa

http://www.webdesignforo.net/

17Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Sáb Jun 09, 2012 2:55 am

ıɯɐzɐʞ unɥs

ıɯɐzɐʞ unɥs
+100 post
Exelente me han gustado estas Clases

http://bakugandimensions.foros.ws

18Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Mar Sep 04, 2012 12:15 am

Flerex

Flerex
+200 post
Cabe destacar que actualmente la etiqueta <b> no existe y en tal caso se debería utilizar <strong>, a pesar de que también está obsoleta.

http://www.andorthel.com

19Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Jue Sep 27, 2012 9:09 pm

Right!

Right!
I ♥ WD
Flerex escribió:Cabe destacar que actualmente la etiqueta no existe y en tal caso se debería utilizar , a pesar de que también está obsoleta.
Gracias por aclararnoslo y por compartirnos tus "conocimientos".


20Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Mar Dic 25, 2012 3:25 am

lomin456

lomin456
Administrador
Conceptos, muy claros, excelentemente faciles de aprender, aunque ya lo se es muy bueno refrescar memoria!!!

http://www.colombiantrucksimulator.com/

21Clase 1 - Introducción  Empty Re: Clase 1 - Introducción Lun Abr 21, 2014 9:05 pm

12-trunks-12

12-trunks-12
Soy new user
mmm, muy buena clase me gusta como introducción. Una duda que me entra: si lo que se ve en pantalla solo es body, el head sirve para algo?


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.