Aziel Josafat Fernandez Jimenez

¿Que es WWW?

• WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por medio de Internet. A través de un software conocido como navegador, los usuarios pueden visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a través de ellos mediante los hipervínculos.
• Gracias precisamente a Internet, al uso de la www y, por consiguiente, a las diversas páginas web que aquellas presentan los ciudadanos de todo el mundo tenemos la posibilidad de acceder a un sinfín de espacios donde podemos encontrar la información sobre un aspecto que estamos buscando, donde tenemos la oportunidad de entretenernos visualizando imágenes interesantes o incluso donde podemos comunicarnos con personas de cualquier rincón de la geografía de nuestro planeta.
• En este sentido, y partiendo de los ejemplos expuestos, podemos subrayar que algunas de las web que más afluencia de usuarios tienen en todo el mundo son el buscador Google, el portal de vídeos Youtube o redes sociales como Facebook.
• WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por medio de Internet. A través de un software conocido como navegador, los usuarios pueden visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a través de ellos mediante los hipervínculos.
• De esta manera, podríamos decir, utilizando una comparación con el sector de las comunicaciones telefónicas, que www es el “prefijo” que tiene todo portal que se encuentre en la mencionada Red al que queremos acceder.
• Gracias precisamente a Internet, al uso de la www y, por consiguiente, a las diversas páginas web que aquellas presentan los ciudadanos de todo el mundo tenemos la posibilidad de acceder a un sinfín de espacios donde podemos encontrar la información sobre un aspecto que estamos buscando, donde tenemos la oportunidad de entretenernos visualizando imágenes interesantes o incluso donde podemos comunicarnos con personas de cualquier rincón de la geografía de nuestro planeta.
• En este sentido, y partiendo de los ejemplos expuestos, podemos subrayar que algunas de las web que más afluencia de usuarios tienen en todo el mundo son el buscador Google, el portal de vídeos Youtube o redes sociales como Facebook.

¿Que es HTML?

• Actualmente la mayoría de las personas han visto cientos de páginas web pero muchos se preguntarán ¿Qué es HTML? ¿Para qué me sirve? ¿Cómo funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML? Y otras preguntas como estas serán respondidas a continuación.
• Si buscas en GOOGLE o en cualquier otro buscador la definición de HTML, probablemente encontrarás está:
• “HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.
• No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica. Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.

¿Que es un protocolo de comunicación?

• Los protocolos son instrucciones, normativas o reglas que permiten guiar una acción o que establecen ciertas bases para el desarrollo de un procedimiento. Comunicación, por su parte, es una noción con múltiples usos que, a rasgos generales, se emplea para nombrar a la difusión y la recepción de mensajes.
• Los protocolos son instrucciones, normativas o reglas que permiten guiar una acción o que establecen ciertas bases para el desarrollo de un procedimiento. Comunicación, por su parte, es una noción con múltiples usos que, a rasgos generales, se emplea para nombrar a la difusión y la recepción de mensajes.
• Con estas definiciones, podemos comenzar a comprender el concepto de protocolo de comunicación. Se trata del conjunto de pautas que posibilitan que distintos elementos que forman parte de un sistema establezcan comunicaciones entre sí, intercambiando información.
• Los protocolos de comunicación instituyen los parámetros que determinan cuál es la semántica y cuál es la sintaxis que deben emplearse en el proceso comunicativo en cuestión. Las reglas fijadas por el protocolo también permiten recuperar los eventuales datos que se pierdan en el intercambio

Diferencias entre HTTP HTTPS

• Como hemos visto, el protocolo HTTP es un lenguaje que sirve para intercambiar información entre los servidores y clientes. Y siguiendo esta línea se encuentra el protocolo HTTPS; el cual nos plantea un tema fundamental en el uso de Internet: la seguridad. En el caso del “Hypertext Transfer Protocol Secure” (HTTPS), o Protocolo de Transferencia de Hipertexto Seguro, el sistema se basa en una combinación de dos protocolos diferentes: HTTPS y SSL/TLS.
• Esta es la manera más segura para poder acceder a los contenidos que nos ofrece Internet, ya que cualquier dato o información que introduzcamos será cifrado, lo que garantiza que no podrá ser vista por nadie más que el cliente y el servidor; anulando de esta forma la posibilidad de que pueda ser utilizada; puesto que el que intente verlo sólo encontrará datos que no podrá descifrar.
• Para que el sistema pueda funcionar, se debe implementar el esquema de “Certificado”, teniendo que estar este debidamente firmado por una autoridad. En el caso de los navegadores web, este método es transparente para el usuario; ya que los certificados necesarios como para poder explorar Internet sin problemas son obtenidos con el navegador.

¿Que es un TAG?

• Un tag o etiqueta son un conjunto de palabras claves que se encuentran asociadas a una entrada o post que se esté realizando o de alguna contenido que hagas, este tag ayuda a clasificar los temas del blog, debido a que el tag contiene toda la información necesaria para identificar el tema que se realiza. Para que se pueda colocar los tag en una entrada, se usaría el campo de etiquetas del blog donde estes realizando el contenido, por otra parte si deseas colocar varias etiqueta debe de separar cada palabra con una coma.
• En el tag puede clasificarse en diversos tipos como la etiqueta de lenguaje de marcado, metadato, frid, free flow, graffiti, transportes aéreos guatemaltecos, entre otros.
• La etiqueta de lenguaje de marcado, es una marca con clase que define una región en los idiomas basados en XML, que en inglés significa “extensible markup language”, ademas se define como un conjunto de juegos informativos que se añade a un elemento de los datospara identificarlo.
• Etiquetas free flow, es un sistema que permite hacer el pago de la tarifa de peaje sin necesidad de un trato física, sino que mediante la comunicación distante se puede hacer las transferencias de forma automática, al momento que la esté realizando el vehículo debe detenerse por completo asegurando una velocidad constante del flujo y no generar congestión vehicular.

¿Cual es la estructura básica de html?

• Estructura básica
• Cada página comienza con: < HTML > .
• A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
• Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.
• La página acabará con < /HTML > .
• Es decir:
• <HTML><HEAD>
• Definiciones de la cabecera
• </HEAD>
• <BODY>
• Instrucciones HTML
• </BODY>
• </HTML>
• Cabecera
• La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD > Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir el título del documento. El título no se muestra en la página, sino en la parte superior de la ventana del visualizador, como identificador en los bookmarks y en la history list. Se utiliza de la siguiente forma:
• <HEAD>
• <TITLE>Título del documento HTML</TITLE>
• </HEAD>

¿Cuales son los atributos de HTML?

• Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto:
• <etiqueta atributo="valor_de_atributo">
• <etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" >
• En el XHTML los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples.
• Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqueta <html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se comentan los atributos comunes; los atributos específicos se comentan en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc).
• Atributos comunes
• Comentar los atributos dir, lang, y xml:space
• Atributo class
• El atributo class permite definir clases de elementos. Dada su importancia, se explica en la lección sobre Clases.
• Las hojas de estilo pueden hacer referencia a los elementos con atributo class, como se comenta en la lección sobre Selectores.
• Atributo id
• El atributo id permite identificar de forma unívoca un elemento en un documento. Por ello, en una página web no puede haber dos elementos con el mismo valor en el atributo id. Además, un elemento sólo puede tener un atributo id, es decir, el atributo id no puede contener espacios en blanco.
• En HTML 4 el valor de un atributo id tenía que empezar con una letra (mayúscula o minúscula, caracteres latinos) y puede contener dígitos, guiones medios (-), guiones bajos (_), comas y puntos. Si el nombre contenía puntos, a continuación del punto tenía que haber una letra. Además, algunos elementos no podían tener atributo id (<base>, <head>, <html>, <meta>, <param>, <script>, <style> y <title>).
• En HTML 5 el atributo id puede empezar y contener cualquier carácter (salvo espacios en blanco). Además, todos los elementos pueden tener el atributo id.
• Los elementos con atributo id pueden ser destinos de enlaces, como se comenta en la lección sobre Enlaces.
• Las hojas de estilo pueden hacer referencia a un elemento con atributo id, como se comenta en la lección sobre Selectores.
• Atributo style

¿Que son las etiquetas?

• Definición: Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML.
• Las etiquetas o tags son la forma de 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.
• Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre, es importante aclarar que no todas las etiquetas tienen su correspondiente etiqueta de cierre.

Uso de las etiquetas

• Tittle:
• La etiqueta title se encuentra dentro de la etiqueta head de sus páginas. El contenido de la etiqueta title es el título en el cual se puede hacer clic en las páginas de resultados de los motores de búsqueda (SERPs). Un título debe tener menos de 70 caracteres de longitud. El título también debe incluir las palabras clave para la página actual, lo más cerca posible del inicio de la etiqueta title.
• Google recomienda que se cree un "título único y descriptivo de página para describir, el contenido de la página, a los buscadores".
• Si el título de una página no está especificado o no más importante si Google determina que el título no es apropiado para el contenido que se devuelve para el término de búsqueda, algoritmos pueden ser utilizados para generar alternativas de títulos que sean más relevantes. En la siguiente captura de pantalla se puede ver el título de la página (el gran texto en azul).
• Body:
• El cuerpo de un documento HTML es la parte central de una página web, este se define por medio de la etiqueta BODY. En este artículo nos centraremos a hablar de esta etiqueta, sus atributos y propiedades.
• De las dos partes en que se divide un documento HTML (HEAD y BODY), BODY es la segunda. BODY es la etiqueta usada para indicar el cuerpo de un documento HTML, es la parte donde se describe el contenido de la página
• Header:El elemento de HTML Header (<header>) representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, pero también otros elementos como un logo, una sección que aglutine secciones de encabezados, una formulario de búsqueda o cosas parecidas.
• P:
• El elemento p (párrafo) es el apropiado para distribuir el texto en párrafos.
• Sus etiquetas son: <p> y </p> (la de cierre es opcional).
• Crea una caja: en bloque.
• Está definido como: Elemento de frase.
• Puede contener: cero o más elementos en linea
• BR:
• El elemento HTML line break <br> produce un salto de línea en el texto (retorno de carro). Es útil para escribir un poema o una dirección, donde la división de las líneas es significante.
• No utilices <br> para incrementar el espacio entre líneas de texto; para ello utiliza la propiedad margin de CSS o el elemento <p>.
• Color Font:
• font -fuente . Indica el tamaño, color, o fuente del texto que contiene.
• Sus etiquetas son: <font> y </font> (ambas obligatorias).
• Está definido como: Elemento desaprobado.
• En un doctype transicional está definido como un elemento especial y por lo tanto en línea.
• Crea una caja: En línea.
• Puede contener: Texto, y/o cero o más elementos en línea .

Las etiquetas de HTML para:

• Insertar tablas y sus atributos:
• Las tablas están incluidas en HTML desde sus primeras versiones y son una forma fantástica de mostrar datos claramente. Además, si las construimos de forma semántica y correctamente, es muy sencillo darle estilos desde CSS y cambiar su diseño con unas cuantas propiedades CSS, puesto que mediante las etiquetas que la componen se puede hacer referencia a cada parte de la misma.
• Fila:
• En HTML se puede utilizar cualquier etiqueta dentro de la etiqueta <td>, con ello le podemos dar forma a su contenido. Las etiquetas que coloquemos dentro de la celda no modifican a las demás celdas, ni al resto de la página web. Y por supuesto, las etiquetas que coloquemos fuera de la celda no serán tenidas en cuenta por esta.
• Columna:
• Las tablas, al definirse en el código siguiendo una estructura horizontal, hacen complejo el aplicar o realizar una serie de cambios a una columna. Existe una serie de etiquetas para agrupar o seleccionar columnas y así poder realizar tareas sobre ellas, como por ejemplo, asociarle una clase específica o darle estilos CSS a una columna concreta de la tabla, sin necesidad de ir celda por celda.
• Celda:
• Cada etiqueta <td> y <th> puede incluir una serie de atributos para modificar su comportamiento o para establecer relaciones semánticas entre celdas. Probablemente, las más interesantes sean colspan y rowspan.
• Color de fondo tamaño:
• os colores en HTML se representan mediante un número hexadecimal.
• Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F.
• Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF.
• Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh.
• También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal.
• :