andi_O
Usuario (Guatemala)
HAS TU PROPIA PAGINA HTML bueno taringeros hoi les traigo como hacer una pagina web con HTML. primero lo primero... que es HTML: siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), 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. los codigos de HTML normalmente empiesan con una etiqueta de entarada(ej. <HTML> ), y una etiqueta de ciere(</HTML> ). tambien hai algunas etiquetas que no tienen cierre ya que solo se refierren a un caracter y no a varios, ejemplo la etiqueta <hr> sirve como enter y no necesita etiqueta de cierre. las etiquetas de HTML necesitan 2 partes escenciales, las viñetas(<> ), y una palabra que le dice a la compu que hacer, por ejemplo <center></center> alinea el texto en el centro. tambien ai algunas etiquetas que tienen un atributo y una variable, el atributo es lo que define la caracteristica que vas a cambiar, la variable define como la vas a cambiar, se define la variable dentro d3e unas comillas("" ) y despues de un signo igual, ejemplo <font color="white"> bueno ahora que ya sabemos ques vayamos a las etiquetas... etiquetas basicas estructura: la estructura basica del HTML es siempre la misma. contiene las etiquetas <html></html> que le dicen al navegador que ese archivo es un archivo HTML, <head></head> entre estas etiquetas se coloca el titulo de la pagina y el icono, <body></body> entre estas etiquetas se coloca el texto que se pondra dentro de la pagina. titulo: el titulo de la pagina se pone entre las etiquetas <title></title>, el titulo de la pagina es el que aparece en las ventanas y pestañas del navegador y en los buscadores etiquetas de texto preformato: lamentablemente no todos los navegadores son perfectos(explorer), hai algunos navegadores que todavia no pueden leer letras con tildes o espacios en blanco, pero para los que si existe la etiqueta <pre></pre>, lo que hace esta etiqueta es que deja que puedas poner un texto sin tener que poner un codigo para cada espacio o letra. enter: como explicaba antes no todos los navegadores puden leer las tildes ni los espacios, para poder colocar un espacio se utiliza las etiquetas <br>, esta etiqueda no necesita cierre. alinear: para alinear el texto a la izquierda, el centro o a la derecha se utiliza la etiqueta <p align="left,right o center"></p>, para centrar el texto tambien se puede usar la etiqueta <center></center>, para alinear otro tipo de contenido como imagenes o videos se pone <div align="left, right o center"> diferenciadores: los diferenciadores de texto son las etiquetas que diferencian un texto de otro, ya sea mas importante o menos, los diferenciadores de texto son la negrita que se pone entre las etiquetas <b></b>, la cursiva que se pone entre las etiquetas <I></I>, y el subrayado que se pone entre las etiquetas <U></U>. titulos: los titulos de texto se definen con las etiquetas <hx></hx> donde x es un numero del 1 al 6, entre mas grande es el numero mas pequeño va a ser el titulo, osea que h1 es el titulo mas grande y h6 el mas pequeño. vocales con tildes: para poner una vocal con tilde se pone un simpolo &, la vocal que se quiere poner con tilde(minuscula o mayuscula), la palabra acute y punto y coma(; ) etiquetas de apariencia color de fondo: el color de fondo es el color que va a tener el fondo de la pagina, se pone el atributo bgcolor dentro de la etiqueta <body>. la variable de color se puede definir de 2 formas poniendo el color en ingles( aunque no todos los colores se puden poner), o poniendo un codigo hexagesimal, el codigo es una combinacion de 6 digitos de letras y numeros, no se mucho de este codigo solo que los primeros 2 digitos definen las tonalidades de rojo, los 2 de en medio los tonos de azul y los ultimos 2 los tonos de amarillo, ejemplo <body background="#000000"> o <body background="black"> color de fuente: el color de fuente es el color que va a tener la letra en tu pagina, se define entre las etiquetas <font color=""></font>, el color se define del mismo modo que el color de fondo, con el sisteme hexagesimal o con el color en ingles. tamaño de la letra: el tamaño de la letra se define entre las etiquetas <font size=""></font>, el tamaño se define con numeros del 1 al infinito donde 1 es el tamaño predeterminado y el mas pequeño. fuente: la fuente es el tipo de letra que tendra tu pagina, se define entre las viñetas <font face=""></font>, la letra se define con el nombre del tipo de letra. etiquetas de multimedia se puede colocar el contenido multimedia de 2 diferentes formas, poniendo el URL de algo ya subido enmedio de las viñetas o poniendo el nombre de un contenido tuyo y el tipo de archivo y subirlo tu mismo. en el caso de la segunda la imagen tiene que estar en la misma carpeta que el html. a los contenidos multimedia se le puede determinar el tamaño poniendo width="" y height="" despuess de poner el nombre del archivo. imagenes: para poner una imagen se pone <img="el nombre de la imagen y el tipo de archivo o el url">. a las imagenesw se le puede poner la opcion the ponerle borde con la opcion border="tamaño que se quiere" adentro de la viñeta de la imagen videos: para poner un video se pone la viñeta <embed src="el nombre de la imagen y el tipo de archivo o el url">. fondo de imagen: para poner un fondo de imagen simplemente se coloca dentro de la etiqueta <body>, la palabra background="el nombre de la imagen y el tipo de archivo o el url". etiquetas de hipervinculos URLs: para poner enlaces externos hacia otra pagina se pone las etiquetas <a></a>, el url de la pagina va adentro de la etiqueta despuess de la palabra href, entre las dos viñetas va la palabra que va a tener el URL, ejemplo <a href="http://www.taringa.net/posts/hazlo-tu-mismo/14006865/has-tu-propia-pagina-web-_HTML_.html"> has tu propia pagina web [ HTML] </a> anclajes: anclajes son los hipervinculos que te llevan a otra parte de la misma parte, para poner un anclae se pone la etiqueta <a></a>, de primero para acer una anclaje se tiene que definir las partes del documento, para definir las partes de un documento se pone adentro de la etiqueta la palabra name="" y dentro de las comillas va el nombre de la seccion, enmedio de las etiquetas va el titulo de la parte del documento que se va a ver en la pagina. despues de que ya tenemos las partes del documento, ponemos el anclaje, para ponerlo escribimos dentro de otras etiquetas diferentes la palabra href="#" y dentro despues del numeral escribimos el nombre dela parte dela pagina. ejemplo.... ancla=<a href="#ancla">Enlace a ancla </a> parte=<a name="ancla">Este es mi ancla </a> etiquetas de tablas una de las etiquetas mas escenciales del html son las tablas. puse esta etiqueta en un capitulo diferente por el hecho de que es muy amplio. para definir que informacion va a estar dentro de una tabla la ponemos dentro de las etiquetas <table></table>. para cambiar la aparencia de la tabla se ponen los atributos: width para el ancho de la tabla poniendo un numero del 1 al 100 con uns simbolo % alapar, height para la altura de la tabla poniendo el valor de la misma forma, border para poner el tamaño del borde de la tabla poniendo un numero cualquiera( este no necesita %),bgcolor background o bordercolor para ponerele color de borde fondo o poner una imagen. ejemplo <table width="75%" height="50%" border="20" bgcolor="#000000"( o bien background="imagen.tipo" ) bordercolor="#000000" bueno aora vallamos a las celdas. para poner filas se pone la etiqueta <tr></tr>, enmedio se ponen las columnas q se quieran con las etiquetas <td></td> y para poner titulos se pone las etiquetas <th></th>, ejemplo: <th>has tu propia pagina html</th> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>.....</td> <td>.....</td> </tr> extras aca les traigo unas etiquetas que no son muy necesareas pero me parecieron interesantes. marquee: marquee es una etiqueta que le da el effecto al texto de moverse de lado a lado en la pantalla, <marque></marque>. tips 1. los codigos no tienen que ser necesariamente perfectos, si pones un espacio de mas o pones etiquetas en mayusculas no importa los exploradores normalmente las entienden. 2.los codigos que usa taringa no son los mismos que el html esos son otros, aunque si son parecidos, no vayan a usar los mismos codigos para hacer una pagina. 3. los programas para hacer paginas tal vez sean buenos pero no hai ninguno que tenga todos los codigos y etiquetas del html, por eso es mejor usar el codigo original. 4. a mi casi siempre se me olvida poner las etiquetas de cierre, asi que lo que hago es que de primero escribo las 2 etiquetas y despues escribo en medio de las 2 asi no se me olvida ponerlas despues bueno con esto concluyo mi primer post sobre como hacer una pagina html, voi a seguir agregando mas informacion conforme la encuentre, si tienen alguna duda o si tengo un error porfavor comentenlo o mandenme un mensaje gracias