Apuntes tercero: enero 2018

🏈🏈🏈🏈🏈🏈🏈🏈 Comando HTML😂😂😂😂😂😂😂😂

** ** Enlace "lejano" .... Enlace "ab.html" en tu PC .... Enlace misma página .... Localiz.anterior .... Enlace Correo ... Arch.de Sonido (o .mid) ----- Desplazam. Marquesina (texto😎😎👽👽) ESTRUCTURAS HTML BÁSICAS Para escribir comentarios, los cuales son ignorados por el Navegador. ... Indica que es un documento HTML, debe encerrar todo el Documento. Encabezado de todo documento de la version HTML 3.2. ... Encabezados del Documento. Los siguientes son los parámetros del Comando head. ... Indica el Titulo del Documento. Aparece en la ventana del Navegador. Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento. Indica el "Frame" por defecto de la página actual. Este comando describe algunas caracteristicas del documento. Por ejemplo: Actualiza la pagina cada ss segundos. Llama una página diferente a los ss segundos. Especifica palabras claves para los buscadores de la Red. Especifica una descripción general de su página. ... Contiene el cuerpo del Documento, o el contenido de la Página. ----------------------------------------------------- ATRIBUTOS ALINK="..." Especifica el color de las Direcciones activadas en la página. BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF). Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00 BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento. Fija los atributos de escritura en toda la página. ATRIBUTOS SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite tamaños relativos, e.j. SIZE=+2 . COLOR="..." Especifica el color de las Letras en todo el Documento. NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento. ...< /Hn> Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño. Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor debe ser configurado para soportarlo. Atributos: ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda. PROMPT="..." Especifica un mensaje alterno para el diálogo. Formato General:

.....< /ADDRESS> Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas. ...< /B> Resalta en Negritas el Texto encerradot. ...< /BIG> Incrementa el tamaño del Texto. .....< /BLINK> Hace el texto parapadeante.
.....< /BLOCKQUOTE> Encierra un enfasis. El margen izquierdo y derecho están indentados.
Inserta un final de línea. Atributos: CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL.
.....< /CENTER> Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios, etc. .....< /CITE> Encierra una Cita como un titulode un libro,etc. .....< /CODE> Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas. .....< /COMMENT> Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. .....< /DFN> Encierra una definición. El texto dentro de este comando se formatea como una definición. ...< /EM> El texto se muestra en cursivas (Itálicas). Inserta una líea horizontal. Atributos: SIZE="..."--Especifica el grosor de la línea. COLOR="..."--Especifica el color de la línea.(IE) WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% . ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. NOSHADE--Muestra la línea como sólido. ...< /I> Presenta el texto encerrado como Itálicas. ...< /KBD> Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamaño fijo. .....< /LISTING> Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE. .....< /MULTICOL> Muestra un texto en columnas. Atributos: COLS="..."--Especifica el numero de columnas. GUTTER="..."--Especifica el numero de pixels entre columnas. WIDTH="..."-- Especifica el ancho de las columnas. .....< /NOBR> El texto que lo contiene no se trunca en la pantalla. ...< /P> Diseñado para encerrar texto de un parrafo. El cierre es opcional. Atributos: ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right". .....< /PLAINTEXT> Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando PRE. </plaintext></nobr></i></span></div> <pre><span --especifica="" ...="" .="" 1="" 3="" 7="" arial="" atributo1="..." atributo2="..." atributo=">...< /FONT> Fija las propiedades y el tipo de letra del texto que contiene. Atributos: SIZE=" comas.="" de="" definir="" desde="" donde="" ejemplo.="" ejemplo:="" el="" entre="" es="" especificar="" etc.="" ija="" las="" letra.="" letras.="" letras="" lista="" n.="" o="" omisi="" por="" puede="" relativos="" se="" separada="" style="font-family: ...;" tama="" tipo="" una="" valor="" valores="" verdana="" y=""><i><nobr>.....< /PRE> Muestra texto sin formato, sin eliminar espacios y saltos. <s>.....< /S> Muestra el texto con una línea por el centro (tachado). Es diferente al comando <strike>. <samp>...< /SAMP> Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño. <small>...< /SMALL> Muestra el texto en tamaño pequeño. <spacer atributo="">...< /SPACER> (Netscape) Inserta bloques de espacios en la página. Atributos: ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor. Valores: RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se trunca alrededor del bloque. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineaminto vertical del bloque con cualquier elemento el la misma línea. HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque. SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamaño del espacio. TYPE="..."--Especifica el tipo de espacio. Valores: HORIZONTAL--Inserta espacios en blanco entre palabras. VERTICAL--Inserta espacios entre dos líneas. BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG. WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque. <strong>...< /STRONG> Muestra el texto en negritas, resaltado. <sub>...< /SUB> Muestra el texto encerrado como un subindice. <sup>...< /SUP> Muestra el texto encerrado como superindice. <tt>...< /TT> Muestra el texto en formato teletipo. <u>...< /U> Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link. <var>...< /VAR> Especifica una variable. Eltexto se muestra en letras pequeñas y de tamaño fijo. <wbr></wbr> Hace que el texto que contiene, se trunque si es necesario. <xmp>...< /XMP> Hace que el texto encerrado se muestre sin procesar los coamdos HTML que contenga. Obsoleto -- Se usa el comando PRE. Multimedia: <img atributo1="" atributo2="" /> Coloca una imagen el en documento. Atributos: SRC="..." Especifica la ubicación de la Imagen. DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se puede soportar una imagen usando el SRC de primero para aquellos Browser que no soportan Videos. (IE) CONTROLS Activa una serie de controles de Video. (IE) LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video indefinidamente. (IE) START="..." Especifica el momento inicial de reproducción del video. Se puede usar "FILEOPEN" por omisión, "MOUSEOVER", o ambos. (IE) USEMAP="#map1" Dice al Browser que use la imagen como una interface de selección definida con el nombre de "map1". ISMAP Dice al Browser que la imagen es un mapa de Selección. ALT="..." Especifica un texto que se muestra en los Browser que no soportan imagenes. BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen. LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC usualmente se refiere a una imagen pequeña. ALIGN="..."--especifica el alineamiento de la imagen. Valores: RIGHT o LEFT--Alinea a un lado especifico de la página, y todo el texto se justifica al lado de la imagen. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineamiento vertical de la imagen. VSPACE="..."--Especifica el espacio entre el borde de la imagen y los items encima o debajo de ella. HSPACE="..."--Especifica el espacio entre el borde de la imagen y los items a la derecha e izquierda. WIDTH="..."--Especifica el ancho de la imagen. Si el tamaño no coincide con el original se ajusta. HEIGHT="..."--Igual al anterior pero con la altura. <map atributo="">...< /MAP> Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado después. <area atributo1="" atributo2=""></area>...< /AREA> Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP. Atributos: SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la dirección donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una dirección. TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la dirección en un página en blanco. "_parent"--Muestra la dirección en la pagina que lo invocó. "_self"--Muestra la dirección en la misma ventana. (por omisioón) "_top"--Muestra la dirección en la ventana actual usnado todo el espacio. <map atributo="">...< /MAP> Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado después. <area atributo1="" atributo2=""></area>...< /AREA> Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP. Atributos: SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la dirección donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una dirección. TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la dirección en un página en blanco. "_parent"--Muestra la dirección en la pagina que lo invocó. "_self"--Muestra la dirección en la misma ventana. (por omisioón) "_top"--Muestra la dirección en la ventana actual usnado todo el espacio. <bgsound atributo1="" atributo2=""> (IE) Reproduce un archivo de sonidos en el fondo cuando la página es cargada. Este archivo de sonido puede ser de tipo (.wav or .au) o midi (.mid). Atributos: SRC="..."-- indica el archivo de musica. LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproducción sin interrupción. <marquee atributo1="" atributo2="">...< /MARQUEE> (IE) Fija un texto que se desplaza por la pantalla. Atributos: ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM". BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se desplaze afuera y adentro , "ALTERNATE" muestra el texto adelante y atras repetidamente. BGCOLOR="..."-- Fija el color de fondo. DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT". HEIGHT="..."-- Fija la altura del texto en Pixels o %. HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente. SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display. SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto. VSPACE="n"-- Fija el margen superior e inferior del texto. WIDTH="..."-- Fija el ancho del Marquee en pixels o %. <applet atributo1="" atributo2=""> parametros1 parametros2 ... < /APPLET> Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA. Atributos: ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM". ALT="..."--Muestra un mensaje cuando el brwoser no puede ejecutar el applet. CODE="..."--Especifica el nombre del applet. CODEBASE="..."--Especifica la dirección de inicio del applet. El directorio donde se encuentra el applet. DOWNLOAD=n--Especifica el orden de descarga de la imagenes. HIGHT="..."--Especifica la altura del applet en pixels o %. HSPACE="n"--Especifica los margenes en espacios fuera del applet en pixels. NAME="..."-- Indica el nombre de un applet (rutina), si hay mas applets en una misma página. VSPACE="n"--Especifica el margen superio e inferior del applet. WIDTH="..."--Fija el ancho del applet en pixel o en %. Parametros: Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así <param name="..." value="..." /> <embed atributo1="" atributo2=""></embed>< /EMBED> Inserta un objeto multimedia, como un corto de video o sonido, en la página. En los browser modernos se mantiene por compatibilidad. Atributos: AUTOSTART="..."--Especifica si iniciar la ejecución o No."TRUE" o "FALSE". HIGHT="..."-- Especifica el tamañ en pixels o %. LOOP="..."-- Fija el numero de repeticiones. Los valores son "TRUE" o "FALSE". NAME="..."-- Indica el nombre del Objeto, en caso de haber otros en la página. SRC="..."-- Indica la ubicación del archivo. WIDTH="..."--Especifica el ancho donde se mostrará el objeto. <script atributo=""> ...sentencias script ... < /SCRIPT> Encierra el codigo de programación que se ejecuta en la pagina. Para matener compatibilidad los comandos están marcados como cometarios, ( ) Atributos: LANGUAGE="..."--Especifica el elnguaje usado en el script, como "VBScript" Visual Basic Script o "JavaScript" Java Script. b> SRC="..."-- Indica la ubicación del archivo que contiene un script. Se usa si ud. no quiere tener el codigo de programación en la página. <noscript> ... < /NOSCRIPT> Muestra todo lo que quiera diferente a codigo de programación. Este comando va dentro del comando SCRIPT. Direcciones (Links): <a atributo="...">...< /A> Cuando se usa con el atributo HREF, el texto o la grafica apunta a otro documento o función. Cuando se usa el atributo NAME, el texto o la grafica identifica el nombre del documento. Atributos: HREF="..."--Especifica la URL (ubicación) al documento señalado. NAME="..."--Especifica el nombre del encadenamiento. onClick="-- Especifica un codigo script cunado se hace click con el mouse. onMouseOver="--Activa un codigo script cuando el mouse está sobre el link. REL="..."-- Especifica una relación Directa. REV="..."--Especifica una relación Inversa. TARGET="..."--Especifica la ventana donde se mostrará la página. El contenido puede ser el nombre de un Frame pre-definido o alguno como sigue: Valores: "_blank"--Carga la página en una ventana en blanco. "_parent"--Craga la página en la ventana del documento que lo llamó. "_self"--Carga la página en la misma ventana. (Omisión) "_top"--Carga la página en toda la ventana, sin importar el frame. TITLE="..."--Especifica una leyenda que aparece cuando se ubica sobre el link, pero que aun no se ha seleccionado. Listas (Lists: ): <li atributo> Este comando enumera los parrafos como una lista de palabras usando los siguientes sub-comandos: <dir>,<menu>, <ol>, o <ul>. Atributos: TYPE="..." --Especifica el tipo de indicador de la lista. Los valores mas comunes son: DISC, CIRCLE, SQUARE, A, a, I, i, 1. VALUE="..."--Especifica el valor asignado a un item. <dir>...< /DIR> Convierte el texto encerrado por <li>, en una lista de directorio. <menu>...< /MENU> Convierte el texto encerrado por <li>, en una lista de menus. <ol atributo>...< /OL> Convierte al texto encerrado por <li>, en una lista numerada. Atributos: TYPE="..."--Especifica el tipo de numeracion para el indicador. Un tipo de indicador sería: A, a, I, i, 1. START="..."--Especifica el valor inicial de la numeración. <ul atributo>...< /UL> Convierte el texto encerrado por <li>, en una lista indicada. Atributos: TYPE="..."--Especifica el tipo de indicador para la lista. Los valores comunes son: DISC, CIRCLE, SQUARE. <dl>...< /DL> Crea una lista definida. Donde, <dt> especifica un termino de la lista y <dd> especifica el contenido del termino. Particiones de Ventanas (Frames): <frameset atributo1="..." atributo2="...">...< /FRAMESET> Define una serie de ventanas que forman una página. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando FRAMESET se usa como el comando BODY. Se puede incluir un comando BODY dentro del comando NOFRAMES para aquellos browser que no soportan frames. Atributos: BORDER="..."--Indica el ancho (en pixels) del borde alrededor del frame.(Netscape) COLS="..."--Crea el frame como columnas y fija el tamaño de cada columna. El ancho se puede expresar en %, pixels, o en tamaño relativo (*). Por ejemplo, Si usted queire 3 frames de igual tamaño en forma de columna use el atributo COL así: COLS=33%,33%,* FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) FRAMESPACING="..."--Especifica la separación en pixels entre frames. ROWS="..."--Al igual que COLS especifica frames en forma de filas. Por ejemplo, si desea un pequeño frame arriba de la página y uno grande debajo el atributo ROWS sería: ROWS=15%,* SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". <frame atributo1="..." atributo2="..."> Define un frame simple. Atributos: BORDER="..."--Especifica el ancho en pixels del borde alrededor del frame.(Netscape) FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamaño. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. <iframe atributo1="..." atributo2="...">< /IFRAME> (IE) Define un frame eventual. No necesita el comando FRAMESET. Atributos: ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y RIGHT. FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE) HEIGHT="..."--Especifica la altura del frame eventual. MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamaño. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. WIDTH="..."--Especifica el ancho del frame eventual. <noframes>...< /NOFRAMES> Se utiliza dentro de FRAMESET, cualquier objeto dentro de este comando se ve solo en browsers que no soportan frames. TABLAS <table atributo1="..." atributo2="...">...< /TABLE> Crea tablas compuesta por filas y columnas. Atributos: BORDER="..."--Especifica el ancho del borde alrededor de la tabla. Si se fija en 0, no presenta bordes. BACKGROUND="..."--Usa una imagen para el fondo de la tabla.(IE) BGCOLOR="..."--Fija el color de fondo de la tabla. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la página. CELLSPACING="..."--Especifica los espacios entre las celdas. CELLPADDING="..."--Especifica los espacios entre la celda y el texto. FRAME="..."--Especifica el borde que se debe mostrar.(IE) Tipos Posibles: VOID--No muestra los bordes exteriores. ABOVE--Muestra el borde encima de la tabla. BELOW--Muestra el borde debajo de la tabla. HSIDES--Muestra los bordes superio e inferior de la tabla. LHS--Muestra el borde de la izquierda. RHS--Muestra el borde de la derecha. VSIDES--Muestra el borde derecho e izquierdo. BOX--Muestra todos los bordes de la tabla. BORDER--Muestra un borde en todos los lados de la tabla. HEIGHT="..."--Especifica la altura de la tabla en la página. RULES="..."--Especifica los bordes internos.(IE) Tipos Posibles: NONE--No muestra los bordes internos. GROUPS--Muestra los bordes como si fueran varias tablas y grupos THEAD, TFOOT, TBODY, y COLGROUP. ROWS--Muestra los bordes entre filas. COLS--Muestra los bordes entre columnas. ALL--Muestra todos los bordes tanto filas como columnas. <caption atributo1="...">...< /CAPTION> Especifica una titulo para la tabla. Atributos: ALIGN="..."--Fija la posición del titulo. los valores usados son:LEFT, RIGHT, BOTTOM, o TOP. <tr atributo1="..." atributo2="...">...< /TR> Especifica los datos en filas de una tabla. Puede encerrar el encabezado y los datos. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. <th atributo1="..." atributo2="...">...< /TH> Convierte una celda en encabezado de la tabla. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda. <td atributo1="..." atributo2="..."> Se usa dentro del comando TR y define los datos en una celda. Se puede usar el cierre del comando. Atributos: BACKGROUND="..."--Usa una imagen para el fondo de la celda.(IE) BGCOLOR="..."--Fija el color de fondo de la celda. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la página. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda. VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. ALIGN="..."--Especifica el alineamiento horizontal de la celda. Los parametros son; LEFT, RIGHT, and CENTER. <colgroup atributo1="..." atributo2="...">(IE) Especifica las propiedades de una o mas columnas. Este comando va despues del comando TABLE. Atributos: ALIGN="..."--Especifica la posición del texto dentro de la columna. Los parámetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <col atributo1="..." atributo2="...">(IE) Se usa con el comando COLGROUP, y especifica la propiedad de una columna. Este comando omite cualquier atributo del comando COLGROUP anterior a el. Atributos: ALIGN="..."--Especifica la posición del texto dentro de la columna. Los parámetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <tbody>...< /TBODY>(IE) Encierra el cuerpo de la tabla. Este comando es opcional si se usan los comandos THEAD o TFOOT. Util para separar las filas de la tabla de el encabezado y el pie de tabla. <tfoot>...< /TFOOT>(IE) Encierra las filas que van a ser usadas como pie de tabla. Se usa despues del comando TBODY. <thead>...< /THEAD>(IE) Encierra las filas que serán usadas como encabezado. Se usa antes del comando TBODY. Formularios (Forms): <form atributo1="..." atributo2="..."> .....< /FORM> Especifica un formulario (Form). Estos se usan para enviar información a un servidor. Atributos: ACTION="..."--Especifica la dirección de la acción de salida del Form. Usualmente es la dirección de un archivo CGI. También se puede especificau na dirección de correo. METHOD="..."--Indica el metodo usado para enviar la información. Los valores posibles son: POST o GET. Cuando se usa GET, el servido adjunta los argumentos al final de la dirección fijada en ACTION. Cuando se usa POST, La información es enviada como un formato HTTP. TARGET="..."--Especifica la ventana donde se mostrará la información. El target puede ser un frame previamente definido o uno de los valores siguientes: Valores: "_blank"--Muestra el resultado en un página en blanco. "_parent"--Muestra el resultado en la pagina que lo invocó. "_self"--Muestra el resultado en la misma ventana. (por omisión) "_top"--Muestra el resultado en la ventana actual usando todo el espacio. ENCTYPE="..."--En browser futuros. Especifica el tipo de codificación. <input atributo1="..." atributo2="..."> Especifica un control o un area de entrada del formulario, con el cual la información se enviará al servidor. Atributos: ALIGN="..."--Si el tipo es una imagen, especifica el alineamiento del texto alrrededor de la imagen. Por ejemplo: TOP, MIDDLE, BOTTOM, LEFT, o RIGHT. CHECKED--Usar este atributo en una caja de tipo RADIO o CHECKBOX, y será preselecionado cuando se cargue el formulario. MAXLENGTH="..."--Especifica el máximo número de caracteres en la caja de entrada. NAME="..."--Especifica el nombre del contro o la caja de entrada. (Parte de la información) SIZE="..."--Especifica el tamaño del texto que se muestra en la caja de entrada. SRC="..."--si es una imagen, especifica la ubicación de la imagen. VALUE="..."--Especifica el valor que se enviará con el nombre correspondiente de la información. Especifica el texto por omisión (TEXT). Para RESET y SUBMIT, especifica el texto que se mostrará en el boton tipo 3D. TYPE="..."--Especifica el tipo de control. Valores: CHECKBOX--Crea una caja de chequeo (checkbox). Si el usuario la selecciona, Se envía la información correspondiente al servidor. HIDDEN--No se muestra nada, pero la información es enviada de todas maneras. PASSWORD--Crea una linea de entrada tipo texto, la información aparece representada por * (No se permite visualizar). RADIO--Crea una lista de Botones de selección (radio) de los caules solo uno se puede selccionar. Las alternativas pueden tener el mismo nombre, pero pueden tener valores diferentes. RESET--Crea un boton 3D que borra el contenido del formulario. Se puede asignar un nombre diferente a RESET con el atributo VALUE. SUBMIT--Crea un botón 3D que envía el formulario. IMAGE--Al igual que el tipo SUBMIT, puede enviar un formulario inmediatamente cuando el usuario seleccione la imagen. Junto con la información normal, cuando se envía seleccionando la imagen, las coordenadas del punto de selección (en pixels desde el punto superior izquierdo) se envían tambien. La coordenada X se envía como ".x" junto a la coordenada Y ".y" al lado del nombre. TEXT--Crea una caja de entrada. Se puede especificar el tamaño con el atributo SIZE. <select atributo1="..." atributo2="...">< /SELECT> Crea una lisat desplegable (drop-down). Los elementos de la lista se definen con OPTION dentro del comando SELECT. Atributos: MULTIPLE--Especifica que se pueden seleccionar multiples valores. NAME="..."--Especifica el nombre de la lista. SIZE="..."--Especifica cuantos elementos serán visibles. <option value="...">item Especifica un elemento (Item) en la lista. Cualquier texto puede ser colocado dentro de este parametro. VALUE="..."--Especifica el valor que se retornará. (Parte de la información). SELECTED--Señala al item o elemento pre-seleccionado cuando se cargue la lista. <textarea atributo1="..." atributo2="...">...< /TEXTAREA> Crea una caja de netrada de varias líneas. Cualquier texto dentro de este comando se muestra como el valor por omisión. Atributos: COLS="..."--Especifica la longitud del texto. ROWS="..."--Especifica el numero de líneas. NAME="..."--Especifica un nombre a la caja de entrada. WRAP="..."--Especifica si el texto se truncará. Los valores posibles son "HARD", "SOFT", o "NONE"</script></applet></marquee></bgsound></map></map></xmp></var></u></tt></sup></sub></strong></spacer></small></samp></strike></s></nobr></i></span></pre> <br /></div> </dfn></comment></code></cite></center> </blockquote> </blink></big></b></address> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicadas por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/08377042133457230485' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/08377042133457230485' rel='author' title='author profile'> <span itemprop='name'>Arthur</span> </a> </span> </span> <span class='post-timestamp'> a la/s <meta content='http://apuntesterceror.blogspot.com/2018/01/comando-html.html' itemprop='url'/> <a class='timestamp-link' href='http://apuntesterceror.blogspot.com/2018/01/comando-html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2018-01-22T12:49:00-08:00'>12:49 p.m.</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://apuntesterceror.blogspot.com/2018/01/comando-html.html#comment-form' onclick=''> No hay comentarios.: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-46774865'> <a href='https://www.blogger.com/post-edit.g?blogID=2747443407603756561&postID=6253904819054077932&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=6253904819054077932&target=email' target='_blank' title='Enviar esto por correo electrónico'><span class='share-button-link-text'>Enviar esto por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=6253904819054077932&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=6253904819054077932&target=twitter' target='_blank' title='Compartir en Twitter'><span class='share-button-link-text'>Compartir en Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=6253904819054077932&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir en Facebook'><span class='share-button-link-text'>Compartir en Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=6253904819054077932&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>lunes, 15 de enero de 2018</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://static.consumer.es/www/imgs/2006/11/nave2.gif' itemprop='image_url'/> <meta content='2747443407603756561' itemprop='blogId'/> <meta content='8130584735157345970' itemprop='postId'/> <a name='8130584735157345970'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8130584735157345970' itemprop='description articleBody'> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Aunque para muchas personas el navegador que usan e Internet son una misma cosa, esto no es exactamente así. En realidad el navegador es la herramienta que utiliza el usuario para moverse por la Red y poder acceder a las distintas páginas web. Hay muchos navegadores, unos más específicos y otros más generales; cada uno con sus ventajas y sus limitaciones. Internet Explorer no es ni el primer navegador de la Red ni el mejor según los expertos, aunque sí el más extendido y el que muchos usuarios creen único.</div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 1.2em 0px 0.6em; padding: 0px;"> En Suiza hay algo más que relojes y chocolate</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Para empezar a contar la historia de los navegadores hay que retroceder a la Suiza de los noventa. A principios de la década, en los laboratorios del <a href="http://public.web.cern.ch/Public/Welcome.html" style="color: #3354a7; text-decoration-line: none;">CERN</a> (Centro Europeo para la Investigación Nuclear) de Ginebra, se estaba cocinando una buena parte del futuro tecnológico del siglo XXI. Este peculiar organismo ha pasado a la historia gracias a dos premios Nobel de Física y a la invención de la <a href="http://www.w3.org/" style="color: #3354a7; text-decoration-line: none;">World Wide Web</a>, un sistema con el que los científicos del CERN pretendían compartir documentación interesante con otros colegas a lo largo del mundo de manera rápida y asequible. En otras palabras, fue en Suiza donde se le dio a Internet la estructura que actualmente tiene.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> A la vez que inventaban la W3, en el CERN aprovecharon para desarrollar el HTML (<strong style="color: #555555;">H</strong>yper<strong style="color: #555555;">t</strong>ext <strong style="color: #555555;">M</strong>arkup <strong style="color: #555555;">L</strong>anguage) y así crear un lenguaje que pudiera ser comprensible tanto para los humanos como las máquinas. Una vez hecho esto los científicos del CERN habían construido un espacio digital con sus dimensiones semánticas (W3) y habían creado un lenguaje con el que poder dialogar en su travesía de sitio en sitio (HTML). Lo que les faltaba por crear era la nave que les permitiese ir de un puerto a otro; el navegador. El primero que se creo y que estuvo en condiciones de aprovechar tanto la W3 como el HTML fue Mosaic, lanzado en Abril de 1993 por <a href="http://en.wikipedia.org/wiki/Marc_Andreessen" style="color: #3354a7; text-decoration-line: none;">Marc Andreessen</a> y Eric Bina en el NCSA (National Center for Supercomputing Applications) de Illinois, en los Estados Unidos.</div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 1.2em 0px 0.6em; padding: 0px;"> Mosaic, la madre del invento</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Fue el primer navegador gráfico de la W3 y la madre de todos los navegadores modernos. Fue tan bien acogido en el circuito comercial que antes de acabar el año 93 se presentaron ediciones diferenciadas para Windows y Macintosh. Una licencia bastante generosa permitió que muchas empresas crearan sus propias versiones, como Spry Mosaic y <a href="http://en.wikipedia.org/wiki/Spyglass" style="color: #3354a7; text-decoration-line: none;">Spyglass Mosaic</a>, más tarde rebautizado como Internet Explorer (IE).</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Al poco de su lanzamiento, Marc Andreesen, que tenía por aquel entonces 22 años, se salió del NCSA y fundó Mosaic Communications Corporation con <a href="http://www.baquia.es/com//20000807/art00002.html" style="color: #3354a7; text-decoration-line: none;">Jim Clark</a>, de 49 años, fundador de Silicon Graphics y uno de los grandes emprendedores de la historia americana. La reunión de ambos genios generó un brote nuevo en esa planta madre de los navegadores que fue el primer Mosaic: Mozilla. A pesar de que hoy en día este nombre es bastante popular, en realidad duró inicialmente poco, ya que la empresa de Andreesen y Clark cambió rápidamente la denominación Mosaic por la de Netscape Communications Corporation. Así Mozilla pasó a llamarse Netscape Navigator.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> También 1993 fue el año de los primeros buscadores: Wandex, Aliweb y Lycos. Al final de 1993, Lycos indexaba un total de 800.000 páginas web. Hace unos meses, Yahoo! celebró su página veinte mil millones.</div> <div class="rc-imagen rc-imagen-right" style="background-color: white; display: inline; float: right; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 0px 1em 1em;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave2.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 0px 0px 0.6em; padding: 0px;"> Netscape Navigator, el navegador pop</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Kevin Kelly, fundador de la revista <a href="http://www.wired.com/" style="color: #3354a7; text-decoration-line: none;">Wired</a>, asegura que Netscape puso Internet en la calle. Otros piensan que sencillamente estaba en el sitio adecuado en el momento justo. En cualquier caso fue Netscape quien sacó la W3 del circuito universitario, y estrictamente tecnológico, y la llevó a las casas y oficinas de los ciudadanos de a pié. Es decir que convirtió Internet en un fenómeno de masas. Si a mediados de 1994 un editorial de la revista Time intentaba explicar por qué la Red jamás llegaría al gran público, en 1995 la popularidad de la misma era tal que todos medios de comunicación daban la bienvenida a la 'Era Internet'.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> En esta revolución la mayor parte del protagonismo lo tuvo Netscape, ya que introdujo un par de novedades de efecto inmediato para la popularidad de la Red. La primera fue la habilidad de mostrar información de manera inmediata. Hasta entonces, el usuario debía esperar varios minutos a que todo el contenido de la página se descargara para poder verlo en pantalla; Netscape introdujo el sistema gradual (primero el texto, después las fotos; primero arriba, después abajo) para agilizar el proceso.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> La segunda fue permitir que el usuario se descargase una versión de prueba de la aplicación: cualquier internauta podía bajar el navegador y usarlo durante el tiempo que considerara necesario antes de pagar por él. Un dato curioso hoy por hoy, pero relevante entonces, es que la asistencia telefónica de Netscape estuvo disponible de manera gratuita para todo el mundo hasta que el número de llamadas fue inabarcable.</div> <div class="rc-imagen rc-imagen-right" style="background-color: white; display: inline; float: right; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 0px 1em 1em;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave3.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 0px 0px 0.6em; padding: 0px;"> Internet Explorer, bajo el ala de windows</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Netscape reinó durante gran parte de los noventa, introduciendo elementos que pronto fueron adoptados por el resto de navegadores y convirtiéndose en el estándar para el <a href="http://es.wikipedia.org/wiki/W3C" style="color: #3354a7; text-decoration-line: none;">W3C</a> (World Wide Web Consortium) y la ECMA (European Computer Manufacturers Association). Elementos tan ubicuos hoy como las <a href="http://revista.consumer.es/web/es/20020201/internet/37345.php" style="color: #3354a7; text-decoration-line: none;">cookies</a>, los marcos y <a href="http://es.wikipedia.org/wiki/Javascript" style="color: #3354a7; text-decoration-line: none;">JavaScript</a> se deben a los desarrolladores de Netscape. Sin embargo, algo cambió cuando en 1995 Microsoft licenció Spyglass Mosaic: empezó la que se conoció como 'Gran Guerra de los Navegadores': una lucha a muerte entre Bill Gates por un lado y Andreesen y Clark por el otro para hacerse con las riendas de la Red.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Dicha guerra la ganó Microsoft, la empresa de Bill Gates, en 1997 al reescribir la tercera versión de su navegador desde cero e integrar la cuarta en el sistema operativo Windows 98, en una jugada comercial sin precedentes. Para calibrar el éxito de la maniobra baste con decir que el equipo original de Internet Explorer (IE) eran sólo cinco o seis personas. En 1999, año y medio más tarde, Internet Explorer daba empleo directo a más de mil.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> A pesar de ciertas debilidades a la hora de leer páginas e innegables problemas de seguridad, Internet Explorer ha mantenido su liderazgo en el mercado hasta el día de hoy. Su único competidor, más en el plano del prestigio que en número de usuarios, ha sido en los últimos años el buscador <a href="http://www.consumer.es/web/es/tecnologia/internet/2004/11/11/111746.php?from404=1" style="color: #3354a7; text-decoration-line: none;">Firefox</a>, de notable eficacia, capacidad de integración de desarrollos foráneos (plug-in) e inigualable usabilidad. Sin embargo Microsoft está a punto de lanzar su versión 7.0, que integra muchas de las mejoras que se encuentran en Firefox.</div> <div class="rc-imagen rc-imagen-right" style="background-color: white; display: inline; float: right; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 0px 1em 1em;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave4.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 0px 0px 0.6em; padding: 0px;"> Opera: un canto a la ligereza</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> <a href="http://www.opera.com/" style="color: #3354a7; text-decoration-line: none;">Opera</a> nació como el proyecto independiente de dos programadores de la compañía noruega Telenor. <a href="http://es.wikipedia.org/wiki/Jon_S._von_Tetzchner" style="color: #3354a7; text-decoration-line: none;">Jon Tetzschner</a> y Geir Ivarsoey invirtieron 7.000 dólares de su propio bolsillo y seis meses de trabajo continuado en un prototipo con la intención de crear "el navegador más rápido de la tierra", según sus propias palabras. Querían conseguir un navegador pequeño de tamaño pero grande en prestaciones, que funcionara a la perfección en todas las plataformas y ofreciera gran seguridad. La primera versión fue liberada al mundo en 1995. Opera se desmarcó del resto por su limpieza y su capacidad de innovación, introduciendo nuevos conceptos como las pestañas o 'tabs'. Hasta ahora, la versión libre de publicidad costaba 39 dólares al año. Se calcula que tiene unos 22 millones de usuarios en el mundo. Desde que se convirtió en gratuito hace un mes, ha recibido cinco millones de descargas.</div> <div class="rc-imagen rc-imagen-left" style="background-color: white; display: inline; float: left; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 1em 1em 0px;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave5.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 0px 0px 0.6em; padding: 0px;"> Firefox, un zorro nacido libre</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> El proyecto <a href="http://www.mozilla.org/" style="color: #3354a7; text-decoration-line: none;">Mozilla</a> nació cuando Netscape liberó el código de su agonizante Netscape Navigator, tratando desesperadamente de recuperar su cuota de mercado frente a Microsoft. El proyecto se ganó de inmediato las simpatías de la comunidad de usuarios del software libre, que decidieron reescribir el navegador desde cero. Para ello adoptaron un nuevo conjunto de herramientas multiplataforma (que pueden funcionar en diferentes sistemas operativos, tales como Windows, Mac OS X o Linux entre otros) basado en un lenguaje de programación tan plástico y manejable como es XML. Al nuevo lenguaje que resultó se le llamó XUL.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> La envergadura del proyecto hizo que tardara años en materializarse. La versión Mozilla 1.0 (un navegador libre, multiplataforma, muy manejable y extremadamente ambicioso) llegó el 5 de junio del 2002, después de una larga espera. La acogida fue templada. Su mejora, Firefox, salió a la calle en noviembre de 2004, ganando en muy poco tiempo un amplio margen de popularidad gracias a sus pestañas, su ligereza y versatilidad, basada en un sistema modular de extensiones (producto del lenguaje XML) a gusto del usuario.</div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 1.2em 0px 0.6em; padding: 0px;"> Konqueror, Safari y el proyecto KDE</h2> <div class="rc-imagen rc-imagen-right" style="background-color: white; display: inline; float: right; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 0px 1em 1em;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave6.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Tanto <a href="http://www.konqueror.org/" style="color: #3354a7; text-decoration-line: none;">Konqueror</a> como <a href="http://www.apple.com/macosx/features/safari/" style="color: #3354a7; text-decoration-line: none;">Safari</a> están basados en KHTML, el <a href="http://es.wikipedia.org/wiki/Motor_de_renderizado" style="color: #3354a7; text-decoration-line: none;">motor de renderizado</a> HTML libre y desarrollado para el proyecto <a href="http://es.wikipedia.org/wiki/KDE" style="color: #3354a7; text-decoration-line: none;">KDE</a>. Este proyecto pretende crear un conjunto de herramientas (entorno de escritorio gráfico) que posibiliten el trabajo del usuario en un sistema operativo abierto, sobre todo Linux.</div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Konqueror es un navegador libre y parte oficial del proyecto KDE. Funciona como gestor de archivos, navegador web o visor de archivos. Permite la navegación en directorios locales, previsualizar cualquier documento o archivo, incluyendo imágenes y videos, y es según los expertos el mejor navegador de la historia. Especialmente diseñado para Linux.</div> <div class="rc-imagen rc-imagen-left" style="background-color: white; display: inline; float: left; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 1em 1em 1em 0px;"> <img alt="" src="http://static.consumer.es/www/imgs/2006/11/nave7.gif" style="border: 0px none; height: auto; max-width: 100%;" /></div> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Safari es el estándar de navegación de Mac OS X, el sistema operativo de Apple. Se presentó en el Macworld del 2003 y supuso la ruptura total con Microsoft, quien todavía desarrollaba Internet Explorer para Apple. Implementa un lector de fuentes RSS y puede guardar la pagina completa en un archivo para verla sin que el usuario esté conectado a la Red.</div> <h2 style="background-color: white; clear: both; font-family: fs_lolabold, Georgia, serif; font-size: 2.2em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1.1em; margin: 1.2em 0px 0.6em; padding: 0px;"> Lynx y w3m, navegadores de texto</h2> <div style="background-color: white; color: #666666; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em;"> Los navegadores de texto son aquellos que permiten al usuario navegar sin salir de la consola o terminal y convierten los menús, iconos y botones del entorno gráfico en un sistema de menús de textos. <a href="http://lynx.browser.org/" style="color: #3354a7; text-decoration-line: none;">Lynx</a> llegó en 1995 gracias al patrocinio de la University of Kansas y su versión mejorada, <a href="http://links.sourceforge.net/" style="color: #3354a7; text-decoration-line: none;">Links</a>, lee tablas, marcos e imágenes, al igual que su homólogo japonés <a href="http://www.w3m.com/" style="color: #3354a7; text-decoration-line: none;">w3m</a>. Son exclusivos del entorno <a href="http://es.wikipedia.org/wiki/UNIX" style="color: #3354a7; text-decoration-line: none;">Unix</a> y varias veces más rápidos que los navegadores tradicionales, pero su cuota de mercado es mínima.</div> <div> <br /></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicadas por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/08377042133457230485' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/08377042133457230485' rel='author' title='author profile'> <span itemprop='name'>Arthur</span> </a> </span> </span> <span class='post-timestamp'> a la/s <meta content='http://apuntesterceror.blogspot.com/2018/01/aunque-para-muchas-personas-el.html' itemprop='url'/> <a class='timestamp-link' href='http://apuntesterceror.blogspot.com/2018/01/aunque-para-muchas-personas-el.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2018-01-15T13:00:00-08:00'>1:00 p.m.</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://apuntesterceror.blogspot.com/2018/01/aunque-para-muchas-personas-el.html#comment-form' onclick=''> No hay comentarios.: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-46774865'> <a href='https://www.blogger.com/post-edit.g?blogID=2747443407603756561&postID=8130584735157345970&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=8130584735157345970&target=email' target='_blank' title='Enviar esto por correo electrónico'><span class='share-button-link-text'>Enviar esto por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=8130584735157345970&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=8130584735157345970&target=twitter' target='_blank' title='Compartir en Twitter'><span class='share-button-link-text'>Compartir en Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=8130584735157345970&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir en Facebook'><span class='share-button-link-text'>Compartir en Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=8130584735157345970&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>jueves, 11 de enero de 2018</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='2747443407603756561' itemprop='blogId'/> <meta content='3007244390218669752' itemprop='postId'/> <a name='3007244390218669752'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://apuntesterceror.blogspot.com/2018/01/navegadores.html'>Navegadores</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3007244390218669752' itemprop='description articleBody'> <span style="font-size: x-large;"><span style="color: #660000;">                            </span><b><u><span style="color: #990000;">Navegadores</span></u></b></span><br /> <span style="font-size: x-large;"><br /></span> Sin los navegadores no habría internet, bueno si habría pero no podríamos experimentar de una manera más tangible. La cuestión de los navegadores es una parte esencial y con eso empezó la comunicación en línea, y la palabra navegador está mal puesta así que Microsoft le puso explorador y la competencia le puso buscador <br /> <br /> MYSQL es una aplicación que es más abierta y Microsoft quería cerrarlos porque XHTML estaba basado en aplicaciones de Microsoft y te producía documentos en Excel y en Axes y esto va a que los navegadores sean mal vistos ya que el nombre original debería ser visor web porque el internet esté flotando en el aire hace que el hecho de navegar y el explorar lo hace quien los crea. <br /> <br /> Pero porque es un visor, bueno cuando vamos a la alberca nos llevamos a un visor para poder ver dentro de la alberca el visor en internet sirve para verlo y a su vez te protege los navegadores son de vital importancia para el trabajo con internet, son de vital importancia para creación de nuevas páginas de internet y se basan en HTML y eso es gracias a que forman parte de la W3C y HTML5 sacó del mercado a ADOBE FLASH y gracias a HTML para robarse un video de youtube se descarga un archivo genérico en formato mp4 y el plug in hace un trabajo de revisión y ya no pregunta si es un FLASH ya lo da por default. <br /> <br /> EJERCICIO DE CLASE :<br /> Investigar la historia de los navegadores <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicadas por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/08377042133457230485' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/08377042133457230485' rel='author' title='author profile'> <span itemprop='name'>Arthur</span> </a> </span> </span> <span class='post-timestamp'> a la/s <meta content='http://apuntesterceror.blogspot.com/2018/01/navegadores.html' itemprop='url'/> <a class='timestamp-link' href='http://apuntesterceror.blogspot.com/2018/01/navegadores.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2018-01-11T05:44:00-08:00'>5:44 a.m.</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://apuntesterceror.blogspot.com/2018/01/navegadores.html#comment-form' onclick=''> No hay comentarios.: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-46774865'> <a href='https://www.blogger.com/post-edit.g?blogID=2747443407603756561&postID=3007244390218669752&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=3007244390218669752&target=email' target='_blank' title='Enviar esto por correo electrónico'><span class='share-button-link-text'>Enviar esto por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=3007244390218669752&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=3007244390218669752&target=twitter' target='_blank' title='Compartir en Twitter'><span class='share-button-link-text'>Compartir en Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=3007244390218669752&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir en Facebook'><span class='share-button-link-text'>Compartir en Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=3007244390218669752&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>lunes, 8 de enero de 2018</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='2747443407603756561' itemprop='blogId'/> <meta content='7300212245729019917' itemprop='postId'/> <a name='7300212245729019917'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://apuntesterceror.blogspot.com/2018/01/el-internet-en-el-futuro.html'>El Internet En El Futuro</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7300212245729019917' itemprop='description articleBody'> <span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">     ¿Como Vemos El Internet En El Futuro?</span><br /> <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span> <span style="background-color: white; font-family: Arial, sans-serif;">Una idea parece clara, Internet acabará siendo algo ubicuo, estará en todas partes y haciendo funcionar multitud de cosas, pero no le prestaremos atención. La veremos como vemos hoy la electricidad: sabemos que está ahí, pero no nos referimos a ella constantemente. Internet va a desaparecer, simplemente asumiremos que está ahí, pero para desaparecer antes tiene que estar en todas partes.</span><br /> <span style="background-color: white; font-family: Arial, sans-serif;"><br /></span> <span style="background-color: white; font-family: Arial, sans-serif;">Unos cambios provocados por la popularización de la tecnología; cuando Internet arrancó en 1983, asegura, tener una máquina lo suficientemente potente en tu bolsillo era ciencia ficción, pero hoy en día cualquier dispositivo o herramienta del Internet de las Cosas es capaz de conectarse.</span><br /> <span style="background-color: white; font-family: Arial, sans-serif;"><br /></span> <span style="background-color: white; font-family: Arial, sans-serif;">En un mundo en el que todo está conectado, el aprendizaje automático será importante según Vinton Cerf para crear sistemas inteligentes que hagan uso de toda esa información; por contra la privacidad se verá seriamente afectada y por eso será necesario invertir en mejores tecnologías de autenticación.</span><span style="background-color: white; font-family: Arial, sans-serif;">Internet acabará con las fronteras en todos los aspectos, por ejemplo para perseguir a ciber-criminales entre países; pero también para comunicarnos más allá de nuestro planeta conectándonos con naves lejanas usando en Internet Interplanetario.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicadas por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/08377042133457230485' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/08377042133457230485' rel='author' title='author profile'> <span itemprop='name'>Arthur</span> </a> </span> </span> <span class='post-timestamp'> a la/s <meta content='http://apuntesterceror.blogspot.com/2018/01/el-internet-en-el-futuro.html' itemprop='url'/> <a class='timestamp-link' href='http://apuntesterceror.blogspot.com/2018/01/el-internet-en-el-futuro.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2018-01-08T13:18:00-08:00'>1:18 p.m.</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://apuntesterceror.blogspot.com/2018/01/el-internet-en-el-futuro.html#comment-form' onclick=''> No hay comentarios.: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-46774865'> <a href='https://www.blogger.com/post-edit.g?blogID=2747443407603756561&postID=7300212245729019917&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=7300212245729019917&target=email' target='_blank' title='Enviar esto por correo electrónico'><span class='share-button-link-text'>Enviar esto por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=7300212245729019917&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=7300212245729019917&target=twitter' target='_blank' title='Compartir en Twitter'><span class='share-button-link-text'>Compartir en Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=7300212245729019917&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir en Facebook'><span class='share-button-link-text'>Compartir en Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2747443407603756561&postID=7300212245729019917&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://apuntesterceror.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Entradas más recientes'>Entradas más recientes</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://apuntesterceror.blogspot.com/search?updated-max=2018-01-08T13:18:00-08:00&max-results=7' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</a> </span> <a class='home-link' href='http://apuntesterceror.blogspot.com/'>Página Principal</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='http://apuntesterceror.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entradas (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget Profile' data-version='1' id='Profile1'> <h2>Acerca de mí</h2> <div class='widget-content'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/08377042133457230485' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Arthur </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/08377042133457230485' rel='author'>Ver mi perfil completo</a> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Archivo del Blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/'> 2018 </a> <span class='post-count' dir='ltr'>(10)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/06/'> junio </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/05/'> mayo </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/03/'> marzo </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/02/'> febrero </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2018/01/'> enero </a> <span class='post-count' dir='ltr'>(6)</span> <ul class='posts'> <li><a href='http://apuntesterceror.blogspot.com/2018/01/html.html'>HTML</a></li> <li><a href='http://apuntesterceror.blogspot.com/2018/01/komodo.html'>Komodo</a></li> <li><a href='http://apuntesterceror.blogspot.com/2018/01/comando-html.html'>Comando HTML</a></li> <li><a href='http://apuntesterceror.blogspot.com/2018/01/aunque-para-muchas-personas-el.html'> Aunque para muchas personas el navegador que usan...</a></li> <li><a href='http://apuntesterceror.blogspot.com/2018/01/navegadores.html'>Navegadores</a></li> <li><a href='http://apuntesterceror.blogspot.com/2018/01/el-internet-en-el-futuro.html'>El Internet En El Futuro</a></li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2017/'> 2017 </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2017/10/'> octubre </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://apuntesterceror.blogspot.com/2017/08/'> agosto </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div>  </div>  </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table>  <div class='foot section' id='footer-3' name='Pie de página'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Tema Viajes. Imágenes del tema de <a href='http://www.istockphoto.com/file_closeup.php?id=10937597&platform=blogger' target='_blank'>mattjeacock</a>. Con tecnología de <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer>  </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY67mHa9CkPZJV6Cs-VXzvC_Ewd0vg:1716007203901';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2747443407603756561','//apuntesterceror.blogspot.com/2018/01/','2747443407603756561'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2747443407603756561', 'title': 'Apuntes tercero', 'url': 'http://apuntesterceror.blogspot.com/2018/01/', 'canonicalUrl': 'http://apuntesterceror.blogspot.com/2018/01/', 'homepageUrl': 'http://apuntesterceror.blogspot.com/', 'searchUrl': 'http://apuntesterceror.blogspot.com/search', 'canonicalHomepageUrl': 'http://apuntesterceror.blogspot.com/', 'blogspotFaviconUrl': 'http://apuntesterceror.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es-419', 'localeUnderscoreDelimited': 'es_419', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Apuntes tercero - Atom\x22 href\x3d\x22http://apuntesterceror.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Apuntes tercero - RSS\x22 href\x3d\x22http://apuntesterceror.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Apuntes tercero - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2747443407603756561/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener v\xednculo', 'key': 'link', 'shareMessage': 'Obtener v\xednculo', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartir en Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es_419\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'archive', 'pageName': 'enero 2018', 'pageTitle': 'Apuntes tercero: enero 2018'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'V\xednculo copiado al portapapeles', 'ok': 'Aceptar', 'postLink': 'Publicar v\xednculo'}}, {'name': 'template', 'data': {'name': 'Travel', 'localizedName': 'Viajes', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'studio', 'variantId': 'studio'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Apuntes tercero', 'description': '', 'url': 'http://apuntesterceror.blogspot.com/2018/01/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2018, 'month': 1, 'rangeMessage': 'Mostrando las entradas de enero, 2018'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1593621279-lbx__es_419.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>

Apuntes tercero

jueves, 25 de enero de 2018

HTML

Komodo

lunes, 22 de enero de 2018

Comando HTML