Julian_dbe
Usuario (Argentina)
Una dirección IP es una etiqueta numérica que identifica, de manera lógica y jerárquica, a un interfaz de un dispositivo dentro de una red que utilice el protocolo IP , que corresponde al nivel de red del Modelo OSI. La dirección IP puede cambiar muy a menudo por cambios en la red o porque el dispositivo encargado dentro de la red de asignar las direcciones IP decida asignar otra IP (por ejemplo, con el protocolo DHCP). A esta forma de asignación de dirección IP se denomina también dirección IP dinámica (normalmente abreviado como IP dinámica). Las direcciones IPv4 se expresan por un número binario de 32 bits, permitiendo un espacio de direcciones de hasta 4.294.967.296 (232) direcciones posibles. Las direcciones IP se pueden expresar como números de notación decimal: se dividen los 32 bits de la dirección en cuatro octetos. El valor decimal de cada octeto está comprendido en el rango de 0 a 255 [el número binario de 8 bits más alto es 11111111 y esos bits, de derecha a izquierda, tienen valores decimales de 1, 2, 4, 8, 16, 32, 64 y 128, lo que suma 255]. En la expresión de direcciones IPv4 en decimal se separa cada octeto por un carácter único ".". Cada uno de estos octetos puede estar comprendido entre 0 y 255. Ejemplo de representación de dirección IPv4: 10.128.1.255 La función de la dirección IPv6 es exactamente la misma que la de su predecesor IPv4, pero dentro del protocolo IPv6. Está compuesta por 128 bits y se expresa en una notación hexadecimal de 32 dígitos. IPv6 permite actualmente que cada persona en la Tierra tenga asignados varios millones de IPs, ya que puede implementarse con 2128 (3.4×1038 hosts direccionables). La ventaja con respecto a la dirección IPv4 es obvia en cuanto a su capacidad de direccionamiento. ¿ok, pero como se cual es mi Ip? Visita :
¿Te interesa el mundo del diseño web? ¿No te decides a empezar? ¿que esperas? Es Fácil, comencemos con el tipico "Hola Mundo"... Copia el siguinte texto, pegalo en un bloc de notas, y guardalo como index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Hola Mundo</title> </head> <body> ¡Hola Mundo! </body> </html> dale doble click, y ahi tienes tú primer Sitio Web! y aparece ... ¡Hola Mundo! en un principio es algo sencillo, pero no deja de ser ilustrativo, y sirve para comprender la estructura de un sitio, entonces veamos como es la estructura detalladamente: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Aqui indicamos al navegador qué tipo de documento le estamos presentando. Entre las etiquertas <html></html> va todo el contenido del Sitio Web, y esta compuesto, principalmente por el <head> y el <body> Entre las etiquetas <head><head> donde se ingresan, elementos como el <title>Titulo del sitio Web</title> y elementos que no son visibles como los metatags Entre las etiquetas <body></body> iran todos los elementos que son visibles, como texto, imagenes y demas, como vemos en el ejemplo, tenemos en el <body> a el texto " ¡Hola Mundo!". Y finalmente cerramos el código con </html> y eso es todo, no necesitas ni programas pesados, ni conocimientos en programación, solo muchas ganas de aprender!
Como ya hemos visto anteriormente creamos un sitio, el cual muestra el texto "¡Hola Mundo!". en este post, veremos las etiquetas que se pueden utilizar para tener texto con diferente formatos y tamaños, Entonces comencemos modificando el index.html, que habíamos creado, recuerden que necesitan abrir el bloc de notas en windows o cualquier editor de texto plano, y un navegador. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Hola Mundo</title> </head> <body> ¡Hola Mundo! </body> </html> A continuación explicaremos las siguientes etiquetas : <br> Salto de línea <h1> Modificar tamaño texto <a> Enlace <img> Insertar imágen Eqtiqueta <br> : Salto de línea para seguir avanzando, debemos saber que el texto que ingresemos en el body, será interpretado como una sola línea, es decir si queremos mostrar: 1) Hola Mundo 2) Hola Mundo 3) Hola Mundo prueben copiando y pegando el texto anterior en el body. del archivo index.html como habrán visto, la página muestra "1) Hola Mundo 2) Hola Mundo 3) Hola Mundo" ya que como dijimos se interpreta todo el texto como una sola línea. Para indicar que hay un salto de línea hay que ingresar la etiqueta <br> ahora modifiquen el <body> ingresando la etiquetas <br> al final de cada línea 1) Hola Mundo<br> 2) Hola Mundo<br> 3) Hola Mundo<br> 4) Hola Mundo<br>5) Hola Mundo<br>6) Hola Mundo<br> que ocurre? luego de cada <br>, hay un salto de linea. inclusive en los puntos 4,5 y 6 correctamente aprecen los saltos de línea. Eqtiqueta <h1> : Modificar tamaño texto Es una etiqueta, utilizada principalmente para indicar los títulos, donde la etiqueta <h1> es la de mayor tamaño, seguida por <h2> , <h3> , <h4> , <h5> y <h6>, las cuales son de menor tamaño probemos haber como son estas etiquetas, recuerda que tienes que abrir y cerrar las etiquetas <h1></h1: <h1>Aqui tenemos un texto con H1</h1> <br> <h2>Aqui tenemos un texto con H2</h2> <br> <h3>Aqui tenemos un texto con H3</h3> <br> <h4>Aqui tenemos un texto con H4</h4> <br> <h5>Aqui tenemos un texto con H5</h5> <br> <h6>Aqui tenemos un texto con H6</h6> <br> peguemos este código en el body. Observen que se encuentran ademas la etiqueta <br>, para separa las etiquetas <h1>, <h2> y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta <a> : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: <a href="http://www.taringa.net/" > Ir a Sitio Taringa </a> como vemos se utilizan la etiqueta <a>, donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas <a> </a> se coloca lo que va a mostrar el navegador Eqtiqueta <img>: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes <img> Entonces insertemos dentro del body, el siguiente código <img src="http://upload.wikimedia.org/wikipedia/commons/b/b2/Paisaje_La_Mancha.jpg" alt="Paisaje La Mancha" title="Paisaje La Mancha" /> en detalle tenemos : se utiliza una etiqueta <img/> dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta <a> y la <img>