sábado, 12 de octubre de 2019
miércoles, 24 de julio de 2019
html
¿Que es HTML y para que sirve?
Definición breve: HTML (HyperText Markup Language) es el lenguaje utilizado para la creación de páginas web.
¿Que significa HTML y que es?
HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language", es un lenguaje que pertenece a la familia de los "lenguajes de marcado" y es utilizado para la elaboración de páginas web. El estándar HTML lo define la W3C (World Wide Web Consortium) y actualmente HTML se encuentra en su versión HTML5.
Cabe destacar que HTML no es un lenguaje de programación ya que no cuenta con funciones aritméticas, variables o estructuras de control propias de los lenguajes de programación, por lo que HTML genera únicamente páginas web estáticas, sin embargo, HTML se puede usar en conjunto con diversos lenguajes de programación para la creación de páginas web dinámicas.
¿Para que sirve HTML?
Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces (links) hacia otras páginas o documentos.
HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas para definir la estructura de una página web y su contenido como texto, imágenes, entre otros, de modo que HTML es el encargado de describir (hasta cierto punto) la apariencia que tendrá la página web.
¿Que son las etiquetas HTML?
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares
< >, que se utilizan para escribir código HTML, en HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.¿Que es un documento HTML?
Para desarrollar una página web en HTML es necesario crear un documento HTML. Básicamente un documento HTML es un archivo de texto que tienen la extensión .html o .htm, en este documento se escriben todo el texto y las etiquetas HTML necesarias para la creación de una página, al texto escrito en el documento HTML se le llama código HTML. Un documento HTML se puede generar con cualquier editor de textos simple como el bloc de notas de Windows o Gedit de Linux.
Los 7 conceptos básicos que debes saber de HTML
Actualmente se habla mucho de que se puede construir una página web completa y optimizada sin necesidad de saber HTML. Y es cierto, pero a la hora de diseñar te vas a encontrar con problemas en los que pensarás «si yo supiera algo de código podría solucionar este inconveniente…». Pues aquí te muestro una pequeña guía para aprender lo básico del código HTML.
Tabla de contenidos [Ocultar]
¿Qué es el código HTML?
Se trata de un lenguaje de programación que se utiliza para el desarrollo de páginas web. Las siglas HTML corresponden a HyperText Markup Language («lenguaje de marcas de hipertexto». Este lenguaje permite estructurar el texto de los documentos y se basa en etiquetas que determinan cómo debe mostrarse el texto y los atributos que pueden tomar dichas etiquetas.
Conceptos básicos del Código HTML
1. Las partes de la página web
Toda página web se divide en dos partes principales: la cabecera y el cuerpo (head y body).
La cabecera es la parte «no visible» de la página web. Esto significa que todo lo que se indique ahí no aparecerá en la página como tal, pero sin embargo es una parte importantísima: ahí se incluyen las etiquetas meta que se usan para describir la página (imprescindibles para el posicionamiento SEO), el título de la página, el idioma, información relacionada con hojas de estilo, etc.
En el body se introducen todas las etiquetas que nos permiten dar formato al documento.
Como esta guía está destinada a pequeñas modificaciones en el cuerpo de la página web, describiré las etiquetas del body y no mencionaré nada más sobre la cabecera. Pero si necesitas ahondar en el tema o en más lenguajes a parte de html, te dejo esta página web, que es excelente para pequeñas consultas que necesites.
2. Los títulos
Las etiquetas que definen los títulos se pueden utilizar para marcar el título y/o los diferentes apartados que forman el documento, o simplemente para resaltar cualquier texto. Existen seis tipos de títulos, que van de la etiqueta número 1 (la más grande) a la 6 (la más pequeña). Esto también es muy importantes para el posicionamiento en buscadores, ya que les estás indicando que lo que está entre estas etiquetas es importante y característico de tu web.
3. Los párrafos
Los párrafos se delimitan con las etiquetas <p>…</p>. Un párrafo es un bloque de texto que se muestra separado del resto por un salto de línea. Si dentro del párrafo queremos hacer un salto, pero que se siga considerando un único párrafo (dar un intro en word) escribiríamos la etiqueta <br>.
Sin embargo, si quieres escribir de manera libre y que te detecte los saltos de línea, solo tienes que escribir dentro de la etiqueta <pre>…</pre>. El único inconveniente de esto es que si copias el texto de otro documento y tiene además listas, títulos, negritas… es posible que no te lo detecte todo.
4. Las listas
Existen tres tipos de listas, las ordenadas, las no ordenadas y las listas de definiciones.
Para las listas ordenadas usamos las etiquetas <ol>…</ol> para delimitar la lista, y para las listas no ordenadas, las etiquetas <ul>…</ul>. Para insertar cada elemento de la lista se introducen las etiquetas<li>…</li>.
En las listas de definiciones, insertamos las etiquetas <dl>…</dl> para delimitar la lista, y <dt>…</dt> y <dd>…</dd> para el título y definición respectivamente.
5. Las tablas
Para realizar una tabla debemos tener en cuenta que se está realizando de izquierda a derecha y de arriba abajo. Es decir, empezamos desarrollando la primera fila, dentro de ella, las determinadas columnas que haya, y a continuación, la siguiente fila.
La tabla debe ir entre la etiqueta <table>, especificando el borde que deseamos. Los comandos que nos delimitan las filas son <tr>…</tr>, y para las columnas <td>…</td>. Para combinar varias columnas o filas utilizamos los atributos colspan o rowspan respectivamente. Si quieres destacar una fila o columna para que se comporte como título utilizamos <th>…</th>. Te muestro un ejemplo.
6. Los enlaces
Los enlaces nos permiten acceder a otras páginas, sitios web, ficheros (de música, vídeos, programas, imágenes, etc.), permiten descargar archivos de la red y acceder a otras partes o secciones dentro de un documento. Se realizan con la etiqueta <a href=»http://www.enlace.com»>…</a>. Aquí debo mencionar un atributo muy importante: target=»_blank», para que el enlace se abra en una pestaña nueva del navegador.
7. Atributos y estilos
Por último, he querido hacer una selección de los atributos y estilos más usados en html. Lo normal es que los estilos se especifiquen en el fichero css, pero como he pretendido que esta guía sirva para realizar pequeñas modificaciones esporádicas, considero que aplicar estilos directamente en una etiqueta de html es una opción recomendable y que nos permite dar solución a problemas que no podemos solventar en nuestro cms, o porque la plantilla no nos da opción.
A continuación te muestro una serie de atributos. Éstos se colocan siempre dentro de una etiqueta, por ejemplo de la siguiente manera: <body bgcolor=»blue»>…</body>
- background=«nombre-del-fichero»: Imagen de fondo
- bgcolor=«color»: Color del fondo
- border=«número»: Tamaño del borde de una imagen o tabla
- bordercolor=«color»: Color del borde
- width=«px o %»: Ancho de una imagen, tabla o bloque. Se puede especificar en píxeles o en porcentaje, siendo 100% el tamaño completo de la pantalla
- height=«px o %»: Altura de una imagen, tabla o bloque
- align=«top, middle, bottom, left, right»: Alineación de una imagen, texto, título, tabla… arriba, en medio, abajo, izquierda o derecha, respectivamente
Te adjunto una lista de los colores que reconoce html por el nombre. Para el resto de colores, deberás introducir el código en concreto, en formato hexadecimal.
Finalmente, te muestro una pequeña lista de estilos más, que en este caso son etiquetas entre las que irá el texto al cuál quieres aplicar dicho estilo:
- Negrita: <b>…</b> o <strong>…</strong>
- Cursiva: <i>…</i>, <em>…</em>, <cite>…</cite> o <dfn>…</dfn>
- Subrayado: <u>…</u>
- Tachado: <s>…</s>
- Subíndice: <sub>…</sub>
- Superíndice: <sup>…</sup>
- Letra pequeña: <small>…</small>
- Letra grande: <big>…</big>
¿Conoces más etiquetas y atributos que son importantes?
Esta es mi pequeña guía de apoyo con el código HTML. Espero que te haya servido de ayuda. Te recomiendo practicar en cualquier editor de texto con una plantilla cualquiera, en la que puedas experimentar… «¿qué pasará si cambio esta etiqueta por esta otra?», recargas la página y ves el resultado. Es la manera más sencilla y útil para aprender y descubrir nuevas etiquetas y atributos.
Con este artículo pretendía explicar lo más básico de html, pero seguro que me he dejado conceptos también básicos que debería haber incluido. Especifícalos y cuéntame tu opinión, e iré mejorando está guía.
celulares de mayor tecnologia
La tecnología, más allá los celulares
La tecnología es una hija, a veces bastarda, de la ciencia y la experimentación. Más allá de las selfis y las mejoras en procesamiento de imagen para generar filtros con cara de perro, buena parte de la industria móvil piensa un poco más en grande: analizar muestras de sangre para la detección temprana de infecciones, diseñar estándares de seguridad para internet de las cosas o desarrollar hologramas para interpretar imágenes diagnósticas.
Estos son algunos de los ejemplos de tecnología futura, y acaso en etapa de prototipo, que se encuentran en el pabellón más experimental del Mobile World Congress de Barcelona, el mayor evento de tecnología móvil del planeta.
Es un espacio refrescante y necesario en el marco de una feria dedicada a la parte más masiva del mercado. Aquí la cosa cambia un poco y una buena porción de los expositores son centros de investigación y universidades que, con ciertos proyectos, buscan alianzas para industrializar un dispositivo o una solución que bien podría cambiar el curso de las cosas en un campo específico.
Graphene Flasgship es una iniciativa apoyada por la Unión Europea que invierte más de 1.000 millones de euros en la investigación y el desarrollo del grafeno, un material que pareciera ser una especie de unicornio en tecnología: es el más delgado en este planeta, tiene una resistencia extrema (pues es 200 veces más fuerte que el acero), aunque con poco peso (un metro cuadrado no llega a un gramo) y su conductibilidad es mayor que la del silicio. El proyecto cuenta con unos 150 socios en 23 países.
Este año, dos de las iniciativas presentadas en el MWC incluyen la posibilidad de tener un detector de infecciones y virus mediante el análisis de sangre en un teléfono móvil. En pocas palabras, la tecnología utiliza el grafeno como un conector entre la electrónica de los dispositivos y los lectores fotónicos, que analizan la sangre mediante la proyección de luz infrarroja en la muestra.
“El grafeno permite integrar ambas cosas, plataformas electrónicas existentes con los métodos de medición de la sangre, un mayor volumen y menor costo de lo que tenemos ahora”, dice Arne Quellmalz, uno de los responsables del proyecto en el Instituto Real de Tecnología de Suecia.
Por su parte, Filippo Valorosi, del Instituto Italiano de Tecnología, trabaja en combinar grafeno con placas de fibra de carbón para instalar en las alas de los aviones y mejorar los procesos de descongelamiento. “El grafeno distribuye más homogéneamente la temperatura debido a su alta conductividad térmica, que está entre las más altas de cualquier material conocido”, cuenta.
HoloDigilog es el acrónimo, en inglés, para el Human Media Research Center, que, entre otras cosas, se enfoca en desarrollar hologramas con los cuales se pueda interactuar. El centro arrancó actividades hace casi una década y en 2011 fue nombrado la institución nacional más destacada en investigación en ingeniería de Corea del Sur.
Este centro persigue una tecnología que parece salida de Star Wars. Uno de sus portavoces reconoce que, aunque tiene una representación en la ciencia ficción, los beneficios potenciales del desarrollo pueden sentirse en campos como la medicina o la producción y distribución de noticias y entretenimiento.
La institución combina el talento de al menos siete universidades en este país y colabora con 15 compañías y 50 centros de investigación internacionales, como el MIT, la Universidad de Cambridge (ambas en EE. UU.) y la Ben-Gurion (Israel).
Cerca del stand de HoloDigilog hay por lo menos dos compañías (ambas japonesas) dedicadas a fabricar sensores para analizar el estado de los alimentos en una línea de producción (pero con dispositivos del tamaño de la yema de un dedo) o medidores de oxígeno para el sector salud.
Este espacio del MWC también acoge a entidades como la Alianza LoRa, que se dedica a desarrollar protocolos y estándares para la llamada internet de las cosas (IoT, por sus siglas en inglés), que representa una de las tendencias más fuertes en el Congreso, así como uno de los sectores que más preocupan a los expertos en seguridad digital en el mundo.
En una presentación el martes, Cristopher Young, presidente de la firma McAfee, reconoció que IoT es uno de los sectores más vulnerables en el ecosistema digital (así como uno de los espacios de mayor lucro para las firmas de ciberseguridad). La creación de estándares de seguridad es una de las tareas más urgentes para cerrar las brechas y problemas futuros de un renglón de la tecnología que ha evolucionado sin ningún control o actor central.
El pabellón también alberga un grupo de empresas fabricantes de drones. Hay un poco de todo: desde dispositivos que no superan el tamaño de un celular (con autonomía de cuatro minutos de vuelo), hasta vehículos con óptica especializada en la revisión de infraestructura, uno de los segmentos que más están impulsando la adopción de drones a escala industrial.
“Claro, la gente suele interesarse por los drones más sencillos y baratos, pero lo que hemos visto es que el mercado se está diversificando y creciendo lo suficiente como para soportar todo tipo de vehículos: pequeños y livianos, hasta equipos con cámaras y sensores sofisticados. Es un crecimiento sostenido y que, anticipamos, se mantendrá en el futuro cercano”, de acuerdo con un portavoz de Aee Aviation Technology, una firma con sedes en Europa, China y Norteamérica.
Tecnologia
¿Qué es Tecnología?
- Tecnologías duras. Aquellas que utilizan elementos de las ciencias duras como la ingeniería, la mecánica, la matemática, la física, química y otras. De esta forma se puede poner como ejemplo de tecnología dura, la aplicada al ámbito de la informática, de la bioquímica, de la electrónica, etc. Otra característica de estas, es que el producto que se obtiene es no sólo visible sino también tangible; es decir, que se trata de la producción de bienes materiales.
- Tecnologías blandas. Aquellas que se apoyan sobre las ciencias humanísticas o blandas, como ser la sociología, la psicología, la economía, etc. Por lo general, se las utiliza con el fin de lograr mejorías dentro de instituciones o empresas que les permitan conseguir sus objetivos de una forma más eficaz. En este caso el producto que se obtiene no es visible ni tangible, dado que consiste en la elaboración de servicios, estrategias, teorías y otros.
Ver además: Ciencias Exactas.
Origen y evolución de la tecnología
Es el descubrimiento del fuego la primera tecnología que brinda al humano beneficios notorios ya sea aumentando las posibilidades y alternativas de alimentación, o utilizándolo como método de defensa antes los peligros de su hábitat. A su vez, la invención de la rueda facilita el traslado de las personas de manera más rápida y segura, controlando el entorno que los rodea.
Formalmente hablando, la tecnología tiene su origen cuando la técnica (inicialmente empírica) se empieza a vincular con la ciencia y de esta forma se estructuran los métodos de producción. Dicha relación permite una reflexión teórica del “hacer” y establecer un análisis sobre los productos que resultaron de esos procesos.
En la actualidad, en este mundo capitalista, globalizado y exigente, demanda evolución constante, mediante el avance de sus técnicas y el estudio, investigación y descubrimiento de nuevas tecnologías (llamadas “de punta”) para seguir logrando aumentos en la calidad de vida.
Las nuevas tecnologías son aquellas que surgen después de la segunda guerra mundial e involucran algunas características llamativas. Por ejemplo, su rápido crecimiento e inserción en la sociedad, conllevar consecuencias de gran porte y tener una increíble transcendencia, nunca antes dada. El riesgo fundamentalmente esta dado en que el ser humano sea capaz de controlarlas y dominarlas, no permitiendo que se llegue a un punto irreversible donde empiece a generar daños incalculables.
A medida que aumenta el número de utensilios y dispositivos técnicos, se 
van haciendo evidentes unos principios técnicos básicos, unos procedimientos básicos, unos materiales fundamentales que se combinan de muchas formas diferentes para dar origen a diferentes productos. Esos elementos básicos caracterizan el desarrollo técnico de una sociedad y por eso las primeras comunidades humanas se clasifican por los materiales que usaban en Edad de Piedra, Edad del Bronce, Edad del Hierro.
van haciendo evidentes unos principios técnicos básicos, unos procedimientos básicos, unos materiales fundamentales que se combinan de muchas formas diferentes para dar origen a diferentes productos. Esos elementos básicos caracterizan el desarrollo técnico de una sociedad y por eso las primeras comunidades humanas se clasifican por los materiales que usaban en Edad de Piedra, Edad del Bronce, Edad del Hierro.
Una vez se conocen los procedimientos para dar forma a los metales (al hierro, por ejemplo) se multiplicarán los objetos para diferentes usos, que utilizan estos materiales. Una vez se descubra un principio técnico, este se tratará de aplicar de muchas formas. Por ejemplo, una vez se haya descubierto que el filo de los objetos corta, o que una vara se puede usar como palanca, surgen muchas aplicaciones de cada uno de los principios y luego aplicaciones que combinan diferentes principios y conocimientos básicos sobre técnicas de fabricación o de utilización de algún tipo de materiales.
- El período pretecnológico, en el que todas las especies animales (aparte de la especie humana, algunas aves y primates) siguen hoy en día, era un período no racional de los primeros homínidos prehistóricos.
- La aparición de la tecnología, que ha sido posible por el desarrollo de la facultad racional, allanó el camino para la primera etapa: la herramienta. Una herramienta proporciona una ventaja mecánica en el cumplimiento de una tarea física, y debe ser alimentada por la energía humana o animal. Permiten cosas imposibles de lograr sólo con el cuerpo humano, como ver detalles visuales diminutos con una sencilla lente o un sofisticado microscopio; la manipulación de objetos pesados (con máquinas complejas como una grúa, simples, como una polea, o con instrumentos tan sencillos como una cesta); o el transporte, procesamiento y almacenamiento de todo tipo de fluidos o granos, con un cubo de agua, un odre o un barril para el vino, o una vasija de cerámica para el aceite. Los cazadores-recolectores del paleolítico desarrollaron herramientas que aumentaban la eficiencia del trabajo físico para lograr su objetivo, principalmente para la adquisición de alimentos: herramientas líticas primitivas como el canto tallado, la lasca y el bifaz, de uso sucesivamente más especializados o complejos (raedera, lanza, flecha, o martillo). Más tarde, durante el neolítico, los animales de tiro o carga (caballo, buey, camello) proporcionaron la energía para herramientas como el arado o el carro. El aumento de la productividad de la producción de alimentos supuso un aumento de más de diez veces sobre la tecnología de los cazadores-recolectores.
- La segunda etapa tecnológica fue la creación de la máquina. Restringiendo este concepto al de la máquina alimentada por energía no humana ni animal, es una herramienta que sustituye el elemento humano de esfuerzo físico, y requiere de un operador sólo a su función de control. Las máquinas se extendieron con la revolución industrial, aunque el barco o el molinos de viento, y otros tipos de máquina que responden a esta definición, son muy anteriores. Ejemplos de esto incluyen el ferrocarril, el alumbrado, el automóvil, el computador. Las máquinas permiten a los seres humanos superar tremendamente los límites de sus cuerpos. La mecanización de cualquier actividad económica produce una expansión espectacular en ella, empezando por la agricultura: introducir un tractor en una explotación agrícula produce un aumento de la productividad alimentaria, como mínimo, diez veces superior a la tecnología del arado y el caballo.
- La tercera, y última etapa de la evolución tecnológica es el autómata. El autómata es una máquina que elimina el elemento de control humano con un algoritmo automático. Ejemplos de máquinas que presentan esta característica son los relojes digitales, conmutadores telefónicos automáticos, marcapasos, y los programas de computador. Es importante entender que las tres etapas o tipos fundamentales de la tecnología se solapan temporalmente en su utilización, y los tres siguen siendo ampliamente utilizado hoy en día.
- Aceleración de las innovaciones
Al aumentar la productividad agrícola y desarrollarse la ciencia médica, la sociedad occidental llegó a tener gran fe en lo positivo del cambio tecnológico, a pesar de sus aspectos menos agradables. Algunas realizaciones de ingeniería como la construcción del canal de Suez, el canal de Panamá y la torre Eiffel (1889) produjeron orgullo y, en gran medida, asombro. El telégrafo y el ferrocarril interconectaron la mayoría de las grandes ciudades. A finales del siglo XIX, la bombilla (foco) inventada por Thomas Alva Edison comenzó a reemplazar a las velas y las lámparas. En treinta años todas las naciones industrializadas generaban potencia eléctrica para el alumbrado y otros sistemas.
Algunos inventos del siglo XIX y XX, como el teléfono, la radio, el automóvil con motor y el aeroplano sirvieron no sólo para mejorar la vida, sino también para aumentar el respeto universal que la sociedad en general sentía por la tecnología. Con el desarrollo de la producción en serie con cadenas de montaje para los automóviles y para aparatos domésticos, y la invención aparentemente ilimitada de más máquinas para todo tipo de tareas, la aceptación de las innovaciones por parte de los países más avanzados, sobre todo en Estados Unidos, se convirtió no sólo en un hecho de la vida diaria, sino en un modo de vida en sí mismo. Las sociedades industriales se transformaron con rapidez gracias al incremento de la movilidad, la comunicación rápida y a una avalancha de información disponible en los medios de comunicación.
La I Guerra Mundial y la Gran Depresión forzaron un reajuste de esta rápida explosión tecnológica. El desarrollo de los submarinos, armas, acorazados y armamento químico hizo ver más claramente la cara destructiva del cambio tecnológico. Además, la tasa de desempleados en todo el mundo y los desastres provocados por las instituciones capitalistas en la década de 1930 suscitaron en algunos sectores la crítica más enérgica sobre los beneficios que resultaban del progreso tecnológico.
Con la II Guerra Mundial llegó el desarrollo del arma que desde entonces constituye una amenaza general para la vida sobre el planeta: la bomba atómica. El gran programa para fabricar las primeras bombas atómicas durante la guerra, el Proyecto Manhattan, fue el esfuerzo tecnológico más grande y más caro de la historia hasta la fecha. Este programa abrió una época no sólo de armamento de destrucción en masa, sino también de ciencia de alto nivel, con proyectos tecnológicos a gran escala, que a menudo financiaban los gobiernos y se dirigían desde importantes laboratorios científicos. Una tecnología más pacífica surgida de la II Guerra Mundial (el desarrollo de las computadoras, transistores, electrónica y las tendencias hacia la miniaturización) tuvo un efecto mayor sobre la sociedad. Las enormes posibilidades que se ofrecían se fueron convirtiendo rápidamente en realidad; esto trajo consigo la sustitución de la mano de obra por sistemas automatizados y los cambios rápidos y radicales en los métodos y prácticas de trabajo.
Suscribirse a:
Entradas (Atom)