InicioLinuxAprende Todo sobre Web
A continuacion vamos a ver html desde O , si llegamos al final ( observando Cada detalle) . Van a ver que terminan la pagina sabiendo mas de lo que esperaban. Si no sabes , HTML es muy simple ... solo con el block de notas puedes ralizar tranquilamente guardandolo como "Trabajo.html" Es preferente incluir las comillas ya que el archivo podria guardarse como "Trabajo.html.txt ". Algunos codigos basicos : Primero , por si no lo sabias , si escribis en el block de notas "sin poner nigun codigo" va a salir igual cuando sea ejecutada desde el explorador (haz la prueba) Sabiendo esto podemos agregarle ciertas caracteristicas a la pagina .

: Escribe las letras grande y en negrita Ej:

informacion en HTML

: Esto es para centrar la información Ej:

informacion en HTML


:genera un salto de linea entre palabras Ej:

informacion en HTML


HTML es estatico a diferencia de PHP Texto que parpadea = texto parpadeante es para el color de fondo , el codigo , entre comillas es el color Escibe las letras en blanco Ej : Si cambiamos el fondo y la letra quedaria de la siguente manera: Si Desean saber todos los colores disponibles en HTML dejo Algunos colores, realmente ayuda Pueden escribir el codigo o el nombre entre "" : Esto resulta interesante y es muy sencillo : Recuerden que para hacer una prueba mas rapida a todo esto . Solo copien los codigos que copio y peguenlo en su pagina ( mas precisamente en el block de notas con la extención ,html Resumiendo el codigo:

Texto con miviento

Copienlo y peguenlo en el block de notas (salven , siempre...) y ejecuten en explorador en mensaje "Texto con movimiento" , lo podes cambiar por el que desees Como mandar mail en html: Aclaro de entrada que con IE (internet Explorer) no se puede ejecutar , con todos los demas si IE es muy diferente a todas la demas paginas siempre que realizas tablas , las acomoda de otra manera que cuando se abren con otros exploradores llegan a quedar muy mal En particular prefiero mozilla toda la vida Codigo:

informacion en HTML


HTML es estatico a diferencia de PHP
Envie Su mensaje:





Bueno ese codigo es del buscador de google en html , si ustedes lo guardan como "tupagina.html" podran tener el buscador... en fin ... Codigo buscador google :
Si queremos introducirlo en lo que veniamos haciendo : El codigo seria de la siguiente manera :

Introduccion en HTML

HTML es estatico a diferencia de PHP
Envie Su mensaje:













Si queremos relizar link que se deprendan de la pagina , Algunos Sitos de Interes
Ninite
Facebook
Taringa
] Para que Tengan todo junto , el Codigo completo seria:

informacion en HTML


HTML es estatico a diferencia de PHP
Envie Su mensaje:





Algunos Sitos de Interes
Ninite
Facebook
Taringa








Para que tenga mas onda ... le agregamos una imagen de fondo : Yo en mi caso elijo esta , pero puede ser cualquiera solo hay que recordar el tipo extenciòn cuando la traigamos : La imagen sola se vera en html de la siguiente manera: Si quieren tenerla junto con todo lo anterior : El codigo de fuente :

informacion en HTML


HTML es estatico a diferencia de PHP
Envie Su mensaje:





Algunos Sitos de Interes
Ninite
Facebook
Taringa








Obviamente podemos agregar un fondo de la misma manera que una imagen : Alguna otras cosas para que puedan ir haciendo en su pagina : Son los formularios , esto sirve para tener una mejor idea sobre la interacción con otros usuarios. El codigo seria por ej :

Nombre:
Apellido:
Varón
Mujer

Vamos con algo mas avanzado Para quienes no saben reproducir un video flash en html : 1- vamos a una pagina que tenga el diseño flash 2- hacemos click derecho en "ver informacion de la pagina " (no el codigo de fuente) 3- hacen click en medios > y eligen el archivo con la extencion ".swf" con la opcion "anidar" 4- si lo quieren reproducir en html : el codigo es : classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="32" height="32"> Donde dice "htpp//........." , copian el link que quieren que se reprodusca en su pagina , mientras que height y width es el tamaño en el cual se reproducira el video. Para que tengan una vision mas amplica , copiamos el link ".swf" y lo pegamos en el explorador: Veran algo parecido a esto Para pegar los videos de youtube , tienen que pasarlos a otra pagina como a las fotos personales ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Alguna otras cosas para que puedan ir haciendo en su pagina : Son los formularios , esto sirve para tener una mejor idea sobre la interacción con otros usuarios. El codigo seria por ej :

Nombre:
Apellido:
Varón
Mujer

El codigo que veran ahora es mas avanzado ya que genera un enlace con otra pagina que ustedes crean previamente: Para que esto tenga exito , les recomiendo que agarren una carpeta y ponga la pagina con la cual se encuentra trabajando y agreguen una nueva "SegundaPag.html" Pero este codigo le copian en la principal (traten de no pegarlo , cortando al medio otro codigo ) ya que genera una referencia: Codigo: Ingresa el título aquí Donde observar el new makeArray podran poner los textos que ustedes deseen esto lo hace antes de llevarlos a la otra pagina : En esta caso hay 4 textos, antes de redireccionarme a "segundapag.html" me diria los siguientes textos: Creastes esto , espera 1 seg Ves como cambia Creastes el otro archivo html? Despues de aca te tira error si no lo creastes Finalmente en la parte worIntro = makeSlideshow , colocan la pagina a donde quiere que redireccione. Si quieren hacerlo de manera mas avanzada aun : Puede utilizar ediotores como WYSIWYG : La caracteristica de este programa es que unifica el formato para que se vea de la misma manera en cualquier explorador Tienen funciones mas complejas , tambien pueden ingresar codigo HTML pero el WYSIWYG PERO No necesita conocimientos en HTML Luego lo exportan con el formato deseado y listo. Ahora bien .... Queremos hacer que se vea en otras maquinas..... Bien ... Descargamos XAMPP Server. Estogenera un host local para las paginas HTML , es decir cualquier computadora en red podra ingresar a la pagina. Colocamos las paginas que queremos compartir en wwwdirectory: Y listo ya puedes compartir tu web con demas PC en red: La persona que lo quiera ver tiene que ingresar tu-ip(los numeros de tu ip)/mipagina.html. Si lo quieres hacer con otras personas que no esten en red , debes ver el puerto 58 ESPERO PUEDAN HABER SIDO DE SU ALLUDA , LES RECOMIENDO QUE LEAN EL CODIGO DE FUENTE DE CUALQUIER PAGINA PARA TENER UNA MAYOR VISIÔN, PERO BUENO SE TRATA DE AYUDAR A APRENDER DESPUES DE TODO DESDE LUEGO MUCHAS GRACiAS !
Datos archivados del Taringa! original
60puntos
387visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

P
PetSabionda🇦🇷
Usuario
Puntos0
Posts11
Ver perfil →