fer9sk8
Usuario (Argentina)
Antes tenes que leer este post: Curso HTML [Intro + primeras 2 lecciones]Si ya lo leiste segui...Lección 3: Elementos y etiquetasAhora ya estás listo para aprender lo esencial de HTML: los elementos.Los elementos proporcionan la estructura al documento HTML e indican al navegador cómo quieres que se presente tu sitio web. Por lo general, los elementos están formados por una etiqueta de inicio, el contenido, y una etiqueta de cierre.¿Etiquetas?Las etiquetas son marcas que se usan para señalar el inicio y el fin de un elemento.Todas las etiquetas comparten el mismo formato: empiezan con el signo menor que "<" y terminan con el signo mayor que ">".Por lo general, hay dos tipos de etiquetas: la etiquetas de inicio, por ejemplo, <html>, y las etiquetas de cierre, por ejemplo, </html>. La única diferencia entre la etiqueta de inicio y la de cierre es la barra oblicua "/". El contenido queda etiquetado al colocarlo entre una etiqueta de inicio y una etiqueta de cierre.HTML trata esencialmente de elementos. Aprender HTML consiste en aprender a usar diferentes etiquetas.¿Y si vemos algunos ejemplos?Dale. El elemento em se usa para dar enfasis al texto. Todo el texto entre la etiqueta de inicio <em> y la etiqueta de cierre </em> aparecerá enfatizado en el navegador. ("em" es la abreviatura de "emphasis".Ejemplo 1:<em>Texto con énfasis.</em>que se verá así en el navegador:Texto con énfasis.Los elementos h1, h2, h3, h4, h5 and h6 se utilizan para crear encabezados ("h" es la abreviatura de "heading", donde h1 representa el primer nivel y, normalmente, el texto más grande, h2 es el segundo nivel y, normalmente, es un texto algo más pequeño, y h6 es el sexto y último nivel en la jerarquía de los encabezados y es, normalmente, el texto más pequeño.Ejemplo 2:<h1>Este es un encabezado de primer nivel</h1> <h2>Este es un encabezado de segundo nivel</h2> que se verá así en el navegador:Este es un encabezado de primer nivelEste es un encabezado de segundo nivel¿Siempre son necesarias las etiqueta de inicio y de cierre?Como se dice, siempre hay una excepción que confirma la regla, y en HTML la excepción son unos cuantos elementos que se abren y cierran con la misma etiqueta. Estos elementos que se denominan elementos vacíos no se asocian a un pasaje específico del texto sino que son más bien etiquetas aisladas; por ejemplo, un salto de línea tiene este formato: <br />.¿Las etiquetas hay que escribirlas en mayúscula o en minúscula?A la mayoría de los navegadores les da igual si se escriben en mayúscula, minúscula o una mezcla de las dos. <HTML>, <html> or <HtMl> normalmente tendrán el mismo resultado. Sin embargo, el modo correcto es escribir las etiquetas en minúscula. Así que acostúmbrate a escribir las etiquetas en minúscula.¿Y dónde coloco todas estas etiquetas?Las etiquetas se escriben dentro de un documento HTML. Todo sitio web contiene uno o más documentos HTML. Cuando navegas por la web, no haces otra cosa que abrir diferentes documentos HTML.Si continúas ahora con la siguiente lección, en unos diez minutos habrás creado tu primer sitio web. Lección 4: Crea tu primer sitio webCon lo que ya has aprendido en las lecciones anteriores, sólo te quedan unos minutos para crear tu primer sitio web.¿Cómo?En la leccion 1 vimos qué se necesita para crear un sitio web: un navegador y el Bloc de notas (o un editor de texto similar). Puesto que estás leyendo esto, lo más probable es que ya tengas abierto el navegador. Lo único que necesitas es abrir otra ventana del navegador de forma que puedas leer este tutorial y veas cómo va quedando tu nuevo sitio web al mismo tiempo.Abre también el Bloc de notas (que se encuentra en el menú de Inicio, Todos los programas, en la sección Accesorios):¡Y ya estamos listos!¿Y qué puedo hacer?Empecemos con algo sencillo. Que te parece una página que diga: "¡Hurra! Esta es mi primera página web." Sigue leyendo y verás qué sencillo es.HTML is sencillo y lógico. El navegador lee el código HTML igual que lo haces tú: de arriba abajo y de izquierda a derecha. Así pues, todo documento HTML empieza con lo que debería aparecer en primer lugar en la página y termina con lo que debería ir en último lugar.Lo primero que tienes que hacer es decirle al navegador que le "hablarás" usando el lenguaje HTML. Esto se consigue con la etiqueta <html>(sin sorpresas, ¿no?). Así que antes de hacer cualquier otra cosa, escribe "<html>" en la primera línea del documento creado con el Bloc de notas.Como recordarás de las lecciones anteriores, <html> es una etiqueta de inicio y tiene que cerrarse con su correspondiente etiqueta de cierre cuando hayas terminado de escribir el código HTML. Así que para no olvidar la etiqueta de cierre del elemento HTML escribe "</html>" un par de líneas más abajo, y entre ambas etiquetas <html> y </html> escribe el resto del documento.Lo siguiente que necesita el documento es una "cabecera", que proporcionará información relativa a este mismo documento, y un "cuerpo" donde se incluirá el contenido del documento. Puesto que HTML es de lo más lógico, la cabecera (es decir, las etiquetas <head> y </head> se encuentra encima del cuerpo (o sea, encima de las etiquetas <body> y </body>.El documento debería presentar ahora este aspecto: Presta atención a cómo hemos estructurado las etiquetas introduciendo nuevas líneas (usando la tecla Enter) al igual que hemos usado sangrado (utilizando la tecla Tab). En principio, da igual cómo estructures el documento HTML; sin embargo, para que te sirva de ayuda tanto para ti y como para otros a la hora de interpretar el código fuente, y con el fin tener una buena visión de conjunto, es recomendable estructurar el código HTML de una forma nítida, con saltos de línea y sangrados, como en el ejemplo anterior.Si el documento se parece al del ejemplo anterior, ya has creado tu primer sitio web: un sitio web especialmente aburrido y en modo alguno parecido a lo que soñabas cuando empezaste este tutorial, pero, con todo y con eso, ya es algo que parece un sitio web. El código que acabas de crear te servirá como plantilla básica para todos tus futuros documentos HTML. ESTE POST ES DE @fer9sk8, LO REPOSTEEHasta ahora todo va bien, pero ¿cómo añado contenido a mi sitio web?Como aprendiste anteriormente, todo documento HTML tiene dos partes: un encabezado y un cuerpo. En la sección del encabezado se incluye información sobre la propia página, mientras que el cuerpo contiene la información que constituye la página en sí..Por ejemplo, si quieres poner a la página un título que aparecerá en la barra de títulos del navegador, deberías hacerlo en la sección del encabezado, es decir dentro de las etiquetas "head". El elemento que se usa para el título es title, o sea, escribe el título de la página entre la etiqueta de inicio <title>] y la etiqueta de cierre </title>]:Ten en cuenta que este título no aparecerá en la página en sí. Cualquier cosa que quieras que aparezca en la página es contenido y debe, por la tanto, añadirse entre las etiquetas <body></body>.Como lo prometido es deuda, vamos a conseguir que la página nos diga: "¡Hurra! Este es mi primer sitio web." Este es el texto que queremos transmitir, y, por lo tanto, pertenece a la sección del cuerpo. Así pues, en la sección del cuerpo, escribe lo siguiente:La p de <p> es la abreviatura de "párrafo", que es exactamente lo que es: un párrafo de texto.El documento HTML debería tener ahora este aspecto:¡Hecho! ¡Acabas de crear ahora mismo tu primer sitio web de verdad!Lo siguiente que hay que hacer es guardarlo en el disco duro y luego abrirlo en el navegador:En el Bloc de notas elige "Guardar como..." del menú "Archivo" en el menú principal.Elige "Todos los archivos" en la caja "Tipo". Esto es muy importante, pues, de lo contrario, se guardará como documento de texto y no como un documento HTML.Ahora guarda el documento como "pagina1.htm" (la terminación ".htm" indica que es un documento HTML; con la terminación ".html" se consigue el mismo resultado. Personalmente, siempre uso ".htm"; tú puedes elegir cualquiera de las dos extensiones, según prefieras). Da igual dónde guardes el documento en el disco duro, siempre que recuerdes dónde lo hiciste para poder recuperarlo con posterioridad.Ahora pasamos al navegador:En el menú principal elige "Abrir" del menú "Archivo" (CTRL+O)Haz clic en el botón "Examinar" de la caja que aparece.Ahora localiza el documento HTML y haz clic en "Abrir".En el navegador debería poder leerse ahora: "¡Hurra! Este es mi primer sitio web." ¡Enhorabuena!Si estás deseando que todo el mundo vea tu obra maestra ya mismo, salta a la lección 13 y aprende cómo subir tus páginas a Internet. Si no es así, se paciente y sigue leyendo. ¡La diversión no ha hecho más que empezar!Curso HTML [Leccion 5]
Bienvenido a mi post Este post no busca ofender a nadie, es solo de entretenimiento Te tiro unas razones para reirte un rato de Taringa! Porque todos tenemos un clon malvado @Feks89 Porque es feo ser novato @Nss15 Porque comentaste hace mas de 41 años (WTF?) El tiempo pasa volando Porque conoces a un user con mas 1.000.000 de puntos que NO es TOP @elstylo El post se acabó Si no te gusta el post no te gastes en comentarLo vuelvo a agregar, este post no busca agredir a nadie, solo busca entretener al lector, es mas, la mayor parte de ellos son BUGS Si te gusta, comenta, deja puntos, recomenda en taringa, en facebook, en twitter, en google y seguime (NO PIDO NADA ) Si se te ocurre otra, escribila en los comentarios o mandame un MP y la voy a agregar junto con el usuario que la agrego